运行脚本时,我有一块我运行的是假设填充此模式脚本的问题: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