加載內容到DIV瓦特/ jQuery的問題

我有一個div，我試圖隱藏默認情況下，然後用按鈕單擊顯示。只要div未設置爲style =「display：none;」，我的代碼就可以正常工作只要我設置這個DIV不會正確加載樣式表。我想我需要一些代碼來初始化點擊按鈕時的頁面加載。這裏是我正在使用的jQuery：加載內容到DIV瓦特/ jQuery的問題

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

此外，只要允許div加載頁面加載時，此代碼工作正常。只要我嘗試設置顯示：沒有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要在頁面加載隱藏。

來源

2011-01-09 user547794

在這種情況下，您可能不需要生活在一起......只是常規的.click（）Live不夠具有表演性。 – turtlepick 2011-01-09 01:35:21

你是對的，我試圖刪除現場，但仍然是相同的結果。 – user547794 2011-01-09 01:54:36

我設法通過在單獨的文件中顯示iframe來解決此問題，然後使用AXAJ將單獨的文件加載到DIV中......奇怪。

來源

2011-01-09 06:07:12 user547794

它不是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; 
    }); 
});

來源

2011-01-09 01:57:21 ifaour

加載內容到DIV瓦特/ jQuery的問題

回答

相關問題