2013-05-09 90 views
1

我使用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

+2

jQuery库的引用在哪里? – 2013-05-09 12:36:04

+0

你包含'jQuery'库吗? – 2013-05-09 12:36:31

+1

你能发表一些产生这个问题的真实代码吗?它应该正常工作基于你提供的东西,所以一定还有其他的事情 – jammypeach 2013-05-09 12:36:42

回答

1

尽量避免像(suggestable只)

<script type="text/javascript"> 
$(function() { 
    $('#my_tag').click(function() { 
     alert('tesrt'); 
    }); 
    }) 
</script> 

一些语法错误,并把你的代码在上面加载的js文件

+0

$(function(){})将工作类似于$(doc).ready – Gautam3164 2013-05-09 12:45:29

+0

我认为一个更好的建议是将JS文件引用移动到底部页面,而不是在''上将它们全部混合在一起。 – 2013-05-09 12:48:12

+0

是的,它会是更好的主意,但页面加载后,它可能会考虑第一优先事项,我提到后,JS文件的负载可能会有所帮助...但我建议在HTML5中只有 – Gautam3164 2013-05-09 12:50:42

0

A之后你可以做几件事:

  • 检查你的文档(devtools中的网络窗格)看看是否一切 加载正确
  • 移动你的脚本的页面
  • 使用$(文件)。就绪(函数(){...})的底部;
+1

OP已经(关于body标签和$(document).ready(function(){...})的代码及其底部页面与$(function(){...})相同 – 2013-05-09 12:41:31

+0

@GovindKamalaPrakashMalviya true。我想他应该使用不冲突的方法: jQuery(document).ready(function($){...}); 但坦率地说,我猜测它有更多与加载问题有关。 – Gregone 2013-05-09 12:45:05