在控制台中运行脚本时未定义Jquery
我运行的脚本有一个问题,该脚本应该填充此模式:在控制台中运行脚本时未定义Jquery,jquery,iframe,twitter-bootstrap,modal-dialog,Jquery,Iframe,Twitter Bootstrap,Modal Dialog,我运行的脚本有一个问题,该脚本应该填充此模式: <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="m
<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);
(函数($){
$(文档).ready(函数(){
$('a.updateNodes')。在('click',函数(e){
e、 预防默认值();
var url=$(this.attr('href');
$(“.modal body”).html(“”);
});
});
})(jQuery);
问题是,当我在chrome的控制台中运行该代码时,我得到了“未定义”的结果,但代码本身没有实际的控制台错误。当页面加载时,代码不会抛出任何问题,但是如果我在控制台中运行它,我会得到“undefined”,有人能告诉我我做错了什么吗?创建此链接的链接是:
<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.1最新版本,Twitter Bootstrap 2.3.1
注意:Jquery被包装在(函数($){})(Jquery)
中的原因是因为WordPress及其处理Jquery的方式,它不喜欢$,因为它使用了其他脚本
UpadeJquery 1.9.1版正在页面的页眉中加载。单击指向源代码的链接,我将进入Jquery 1.9.1源代码。虽然上面显示的代码是html文件的一部分,但在加载jquery 1.9.1之后,它是如何“执行的”,查看页面上抛出
未定义错误的源代码,并检查js加载顺序
jquery核心文件可能在脚本之后加载
Wordpress,尤其是插件js代码,可能在您的情况下,需要知道是否存在jquery依赖项,以便它可以在插件js之前加载jquery核心文件
如果无法更改jquery核心文件加载的顺序,请将js代码下移,以便在代码运行时jquery可用。这是因为jquery实际上是未定义的。。如果您希望jquery处于上下文中,则必须在开始键入自己的代码之前粘贴整个jquery.js代码console@passionateCoder:jQuery将在控制台中正常运行,如果它是由页面首先加载的。在这个例子中,不清楚他是否在dom就绪块之前先加载了它。我从来没有这样做过@MaxWilliams#在Chrome 23上测试,请参见更新的OP@passionateCoderJquery版本1.9.1正在页面标题中加载。单击指向源代码的链接,我将进入Jquery 1.9.1源代码。请参阅更新的OP@TheWebs你有完整的测试页面吗?