Question

我花了几天的时间环顾四周试图弄清楚为什么我的jQuery在外部文件中不起作用，或者根本没有。我的jQuery本身看起来很好，但是文件中的东西搞砸了。这是我的代码：

HTML：

!DOCTYPE html>
<html>
    <head>
        <title>Something</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <body>
    <div id="something">Hi</div>
    </body>
</html>

jQuery的：

$(document).ready(function(){
 $('#something').click(function(){
     $('#something').fadeOut('slow');
 }); });

Answer 1

你在哪里写你的javascript内容？在一个单独的文件？确保将其链接到HTML文件中，与jQuery相同。

<script src="yourCode.js"></script>

另外，尽量避免在文件名中使用空格，例如：＆＃34; css＆＃34; vs.＆＃34; something_css＆＃34;。

Answer 2

您的代码运行正常。确保正确添加了jQuery库。

＆＃13;

$(document).ready(function() {
  $('#something').click(function() {
    $('#something').fadeOut('slow');
  });
});

＆＃13;

#something {
  height: 100px;
  width: 100px;
  padding:10px;
  box-sizing:border-box;
  background-color: #efefef;
  color: #000;
  display:flex;
  justify-content:center;
  align-items:center;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="something">Fade out</div>

＆＃13;

Answer 3

<!DOCTYPE html>
<html>
    <head>
        <title>Something</title>
        <script src="jquery3.2.0.min.js"></script>
         <link rel='stylesheet' type='text/css' href='something-css.css'/>
    </head>

    <body>
    <div id="something">Hi</div>
    <script>
      jQuery(document).ready(function(){
          jQuery('#something').click(function(){
              jQuery('#something').fadeOut('slow');
          }); 
      }); 
   </script>
    </body>
</html>

我的jQuery在我的代码中根本不起作用

3 个答案: