1

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

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

同样，只要我允许 div 在页面加载时加载，此代码就可以正常工作。一旦我尝试 set 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');
    });
});

只要我不设置显示：隐藏，它就可以正常工作，但我需要在页面加载时隐藏 div。

4

2 回答 2

1

这不是show它slow： 

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

请阅读文档。

编辑：
由于没有提供太多信息，并且 iframe 中使用的插件工作得很好，我建议您使用这样的偏左技术： 

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggleClass('hideMe');
         return false;
    });
});
于 2011-01-09T01:57:21.207 回答
0

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

于 2011-01-09T06:07:12.333 回答