延遲jQuery腳本

我使用jScrollPane爲一個簡單的網站，因爲我決定去與一個高度爲600px的居中，固定的div。一切正常，除了當我添加Facebook評論時，可滾動潛水不等待Facebook評論塊加載，所以評論框不可見！延遲jQuery腳本

我打電話的功能，以滾動腳本HEAD標籤中：

 <script type="text/javascript" id="sourcecode"> 
     $(function() 
     { 
      $('.scroll-pane').jScrollPane(); 
     }); 
     </script>

這裏是的Scripto是後BODY標籤immideatly插入Facebook的評論框：

 <div id="fb-root"></div> 
    <script>(function(d, s, id) { 
      var js, fjs = d.getElementsByTagName(s)[0]; 
      if (d.getElementById(id)) return; 
      js = d.createElement(s); js.id = id; 
      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk'));</script>

而且這裏是爲我的滾動DIV定義樣式的CSS：

.scroll-pane 
{ 
    width: 100%; 
    height: 600px; 
    overflow: auto; 
}

正如我所說，滾動的div工作正常，但我認爲我應該以某種方式使它等待Facebook評論框加載。任何建議appriciated！

UPDATE

我發現這裏的滾動DIV可以檢查動態內容：dynamic content，但我不知道放在哪裏follwoing代碼在我的HTML文件：

$(function() 
{ 
    var settings = { 
     showArrows: true 
    }; 
    var pane = $('.scroll-pane') 
    pane.jScrollPane(settings); 
    var api = pane.data('jsp'); 
    var i = 1; 
)};

來源

2012-03-12 Saeid Yazdani

爲什麼你發送'document'作爲參數？並且您正在尋找'

我會放一切，你做的jQuery/JavaScript的明智內.ready()

$(document).ready(function() { 
    // Handler for .ready() called. 
});

這將確保整個頁面加載到任何jQuery的運行。

這是更深入地使用您的div id。

$(document).ready(function() 
$("#fb-root").function({ 
    'onSuccess': function() { 

     // Perform all of these now that fbook box is loaded 
    } 
)}; 
)};

來源

2012-03-12 17:17:29 ityler22

相關問題