Question

我有一个div，我试图默认隐藏，然后单击按钮显示。只要div未设置为style =“display：none;”，我的代码就可以正常工作一旦我设置了这个，DIV就不会正确加载样式表。我想我需要一些代码来点击按钮时初始化页面加载。这是我正在使用的jQuery：

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggle('show');
    });
});

同样，只要我在页面加载时允许加载div，此代码就可以正常工作。一旦我尝试设置display：none，加载时CSS看起来就搞砸了。

这是我的代码：

<div id="overlay" style="display:none;"><iframe  id="contactIframe"  frameborder="0"  vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="500"  height="500" scrolling="np"  height="400"  src="http://foobar.com/contact/demo.php">
</iframe></div>


jQuery(document).ready(function(){
    jQuery('#overlayHide').click(function(event) {        
         jQuery('#overlay').toggle('slow');
    });
});

只要我没有设置display：hidden就可以正常工作，但我需要在页面加载时隐藏div。

Answer 1

它不是show slow：

jQuery('#overlay').toggle('slow');

请阅读documentation。

编辑：
由于没有提供太多信息，iframe中使用的插件working就好了，我建议您使用 off-left technique 这样的内容：

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggleClass('hideMe');
         return false;
    });
});

Answer 2

我设法通过在单独的文件中显示iframe，然后使用AXAJ将单独的文件加载到DIV中来解决这个问题...很奇怪。

使用/ jQuery将内容加载到DIV时出现问题

2 个答案: