为什么这段代码会抛出
未捕获引用错误:未定义$
以前什么时候还好?
$(document).ready(function() {
$('#tabs > ul').tabs({ fx: { opacity: 'toggle' } });
$('#featuredvid > ul').tabs();
});
选项卡中的结果不再关闭。
jQuery在头中被引用:
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/sprinkle.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-1.2.6.min.js"></script>
<script language="JavaScript" type="text/javascript" src="<?php echo get_option('siteurl') ?>/js/jquery-ui-personalized-1.5.2.packed.js"></script>
在启动脚本之前添加库。您可以添加以下任何CDN来启动脚本。
谷歌:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
微软
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
滑动分页
如果您需要任何其他Jquery cdn版本,请选中此链接。
在此之后:
<script type="text/javascript">
$(function(){
//your stuff
});
or
$(document).ready(function(){
//your stuff
});
</script>
文字印刷机:
<script type="text/javascript">
var $ = jQuery;
jQuery(document).ready(function($){
//your stuff
});
</script>
在包含jQueryJavaScript之前,您正在调用ready()函数。首先引用jQuery。
如果您使用的是ASP.NET MVC,则可以通过执行以下操作指定何时呈现JS代码:
1,在page.cshtml中,将<script>标记包装到一个部分中,并为其命名,常用名称为“script”:
@section scripts {
<script>
// JS code...
</script>
}
2、在_Layout.cshtml页面中,添加@RenderSection(“Scripts”,必需:false),确保在引用Jquery源代码后放置它,这将使JS代码呈现晚于Jquery。