有时没有加载jQuery插件
我使用jQuery很多,但有时候我会因为浏览器无法看到jQuery库或者运行JavaScript代码后加载库而卡住。有时没有加载jQuery插件
伪代码来解释我的问题:
<html>
<head>
I always load CSS here
I always load jquery here
</head>
<body>
<p class="link-style3"><span id="my_tag"><span>Bize Hemen Yazın</span></span></p>
<script>
$(function() {
$('#my_tag').click(function(e) {
alert('tesrt');
});
});
</script>
</body>
</html>
我总是把我的东西的顺序如下图所示,但现在无法正常工作。当我点击<span id="my_tag">
时,它不会执行任何操作,并且不会返回任何错误。
我该怎么办?
这里是整个代码jsfiddle
尽量避免像(suggestable只)
<script type="text/javascript">
$(function() {
$('#my_tag').click(function() {
alert('tesrt');
});
})
</script>
一些语法错误,并把你的代码在上面加载的js文件
$(function(){})将工作类似于$(doc).ready – Gautam3164 2013-05-09 12:45:29
我认为一个更好的建议是将JS文件引用移动到底部页面,而不是在'
'上将它们全部混合在一起。 – 2013-05-09 12:48:12是的,它会是更好的主意,但页面加载后,它可能会考虑第一优先事项,我提到后,JS文件的负载可能会有所帮助...但我建议在HTML5中只有 – Gautam3164 2013-05-09 12:50:42
A之后你可以做几件事:
- 检查你的文档(devtools中的网络窗格)看看是否一切 加载正确
- 移动你的脚本的页面
- 使用$(文件)。就绪(函数(){...})的底部;
OP已经(关于body标签和$(document).ready(function(){...})的代码及其底部页面与$(function(){...})相同 – 2013-05-09 12:41:31
@GovindKamalaPrakashMalviya true。我想他应该使用不冲突的方法: jQuery(document).ready(function($){...}); 但坦率地说,我猜测它有更多与加载问题有关。 – Gregone 2013-05-09 12:45:05
jQuery库的引用在哪里? – 2013-05-09 12:36:04
你包含'jQuery'库吗? – 2013-05-09 12:36:31
你能发表一些产生这个问题的真实代码吗?它应该正常工作基于你提供的东西,所以一定还有其他的事情 – jammypeach 2013-05-09 12:36:42