2013-06-05 34 views
0

運行腳本時,我有一塊我運行的是假設填充此模式腳本的問題:jQuery的未定義控制檯

<div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
     <h3 id="myModalLabel">Latest Updates!</h3> 
     </div> 
     <div class="modal-body"> 
     </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    </div> 
    </div> 

的代碼是:

(function($){ 
    $(document).ready(function(){ 
     $('a.updateNotes').on('click', function(e) { 
      e.preventDefault(); 
      var url = $(this).attr('href'); 
      $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="'+url+'"></iframe>'); 
     }); 
    }); 
})(jQuery); 

問題是當我在Chrome的控制檯中運行該代碼時,我得到「未定義」,但它自身的代碼沒有實際的控制檯錯誤。也就是說當頁面加載代碼拋出沒有任何問題,但如果我在控制檯中運行它,我得到「未定義」有沒有人告訴我什麼,我做錯了什麼?創建此鏈接的​​是:

<a data-toggle="modal" class="btn btn-success" href="http://adambalan.com/aisis/aisis_update/UpdateNotes/index.html" 
data-target="#modal"> 
    Learn More! 
</a> 

如果轉到該實際鏈接,您會看到我應該在框中看到的內容。該框也將擴展到適合內容?這是擴大到一個特定的寬度,然後滾動任何更長的時間?

jQuery的1.9.latest,Twitter的引導2.3.1

注:的jQuery是包裹在(function($){})(jQuery)的原因是因爲的WordPress,以及它如何與jQuery交易,它並不像$因爲它使用了其他腳本。

更新 Jquery版本1.9.1正在加載到頁面的標題中。點擊鏈接到源代碼將我帶到Jquery 1.9.1源代碼。雖然上面顯示的代碼是分開的html文件,它的自我,它是怎麼過的「執行」 的jQuery 1.9.1

+1

這是因爲jquery確實是'undefined' ..如果你想讓jquery在控制檯上下文中,你必須粘貼整個jquery.js代碼才能開始輸入你自己的代碼 – krishgopinath

+0

@passionateCoder:jQuery將在控制檯是否已被頁面加載。在這個例子中,不清楚他是否在dom ready塊之前先加載它。 –

+0

它從來沒有爲我這樣@MaxWilliams工作。 。 #Tested在Chrome 23 – krishgopinath

回答

0

查看您的網頁拋出undefined上的錯誤源的加載和檢查JS負荷訂購。

了jQuery核心文件腳本後可能加載。

WordPress的,特別是與插件JS代碼,也許在你的情況下,需要知道是否有一個jQuery的依賴,因此可以在插件JS之前加載了jQuery核心文件。

如果你不能改變它在jQuery的核心文件加載,向下移動你的js代碼,所以當運行代碼jQuery是可用的順序。

+0

jQuery的版本1.9.1在頁面的頭部被加載更新OP。點擊鏈接到源代碼將我帶到Jquery 1.9.1源代碼。請參閱更新OP – TheWebs

+0

@TheWebs你有一個完整的測試頁面,我們可以看到什麼? –

相關問題