Question

这让我感到很沮丧。我已经尝试将jQuery作为本地文件下载，并将其作为http链接到它。路径是正确的，实际代码中没有错误，因为它在 Codepen 中完美运行。它在正确的地方。我已经尝试将它放在<head>标签中，也放在</body>标签之前，仍然没有运气 - 没有任何反应。这是：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

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

我正在尝试使用的代码是：

$(document).ready(function() {
    $('.item').hover(function() {
        $(this).stop().animate({ width: '100%' }, 500);
    }, function() {
        $(this).stop().animate({ width: '96%' }, 500);
    });
});

这有什么原因可以吗？常规Javascript工作正常，当我尝试做一个简单的警报（'你好'）;它也有效。这真是令人沮丧，欢迎任何建议！

以下是Codepen的链接：http://codepen.io/Pea92/pen/WvrXRY

Answer 1

此代码适合我，您应该尝试删除external.js（）

  <head>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script>

   $(document).ready(function(){
   $("button").click(function(){
   $("p").toggle();
  });
});



 $(document).ready(function(){
 $("button").click(function(){
    var div = $("div");  
    div.animate({left: '100px'}, "slow");
    div.animate({fontSize: '3em'}, "slow");
});
});

</script> 

 </head>
 <body>

 <br />


 <button>Click Here</button>

 <p>This is a example of jquery 2.1.1 to show and hide contain on view page                 </p>
 <p> below example for animation effect on dataweb view page with jquery 2.1.1 </p>

  <div style="background:#98bf21;height:100px;width:200px;position:absolute;">Example</div>
    </body>

jQuery在任何浏览器中都不起作用（没有任何效果），但它适用于Codepen

1 个答案: