1

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

4

2 回答 2

1

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

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

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

于 2013-05-09T12:36:18.387 回答
1

你可以做几件事：

  • 检查您的文档（devtools 中的网络窗格）以查看所有内容是否正确加载
  • 将脚本移动到页面底部
  • 使用 $(document).ready(function(){ ... });
于 2013-05-09T12:39:13.183 回答