jQuery在单独的文件中不起作用,但是当我将其放在html文件的正文中时起作用吗?

时间:2019-04-05 20:50:03

标签: jquery

当我将jQuery代码放在我的php文件的主体中时,它可以工作,但是当我将其放在单独的文件中并进行链接时,它不起作用?有什么想法吗?

       <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>


  <body>

    <p>hello</p>

  </body>
</html>

这是我的JavaScript文件。

$(document).ready(function(){

  $("p").click(function(){
    $("p").hide();
  });
});

1 个答案:

答案 0 :(得分:0)

我只能假设您的问题是您正在本地计算机上进行开发并从硬盘驱动器加载HTML。

该问题可能解决了您的问题;

  

Load local javascript file in chrome for testing?

您遇到的问题称为sandboxing,出于安全原因,这种方式就是如此。令人担心的是,IE实际上并未显示该问题。

article很好地说明了将浏览器沙箱化的必要性。