運行腳本時,我有一塊我運行的是假設填充此模式腳本的問題: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
這是因爲jquery確實是'undefined' ..如果你想讓jquery在控制檯上下文中,你必須粘貼整個jquery.js代碼才能開始輸入你自己的代碼 – krishgopinath
@passionateCoder:jQuery將在控制檯是否已被頁面加載。在這個例子中,不清楚他是否在dom ready塊之前先加載它。 –
它從來沒有爲我這樣@MaxWilliams工作。 。 #Tested在Chrome 23 – krishgopinath