Question

我经常使用jQuery，但有时候因为我的浏览器无法看到jQuery库而被卡住，或者在运行我的JavaScript代码后加载了库。

伪代码解释我的问题：

<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

Answer 1

尽量避免一些语法错误，如（仅限建议）

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

并在加载js文件后将代码放在顶部

Answer 2

你可以做的一些事情：

检查您的文档（devtools中的网络窗格）以查看是否所有内容正确加载
将脚本移至页面底部
使用$（document）.ready（function（）{...}）;

有时jQuery插件没有加载

2 个答案: