Question

我有一点问题，厌倦了尝试解决它。 jQuery缓动代码在jsfiddle上完美运行，但不再适用于我在localhost上的测试服务器上。当我删除jQuery缓动效果时，事情会恢复正常，代码工作正常......

我想知道代码有问题吗？这是与OnLoad功能有关的事情...... !!

<head>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  jQuery(function($) {
    $('.topnav li').find('a[href]').parent().each(function() {
        var li = $(this),
        a = li.find('a'),
        div = $('<div>' + '<\/div>');

        li.hover(function() {
           a.stop().animate({marginTop: '-64'}, 600, "easeOutBack");
        },
        function() {
           a.stop().animate({marginTop: '0'}, 500, "easeOutBack");
        })
       .append(div);
   });
});

这是the JSFiddle code。

Answer 1

试试这个，包含javascript的序列不正确。

<head>
 <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
 <script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>
 <script src="http://www.google.com/jsapi" type="text/javascript"></script>
 <script type="text/javascript">
   $(document).ready(function(){
      $('.topnav li').find('a[href]').parent().each(function() {
        var li = $(this),
        a = li.find('a'),
        div = $('<div>' + '<\/div>');

        li.hover(function() {
        a.stop().animate({marginTop: '-64'}, 600, "easeOutBack");
      },
      function() {
        a.stop().animate({marginTop: '0'}, 500, "easeOutBack");
      })
      .append(div);
    });
  });
 </script>
</head>

我在本地测试过，（见屏幕截图）

enter image description here

希望它适合你。

Answer 2

对不起，我还不能发表评论......

看看ianace说的话。

查看脚本标记后是否未包含jquery脚本标记。您的代码脚本必须在依赖项之后加载，如下所示：

<script src="jquery.js> </script>
<script src="yours.js"> </script>

Answer 3

希望这会有所帮助：

除了使用jquery file.js之外，您还可以使用google以及jquery-ui（如果需要）。这更具动态性，您可以更改要使用的版本。

    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
        google.load("jquery", "1.7.1");
        //google.load("jqueryui", "1.7.3");
    </script>

之后，将你的js放入jquery函数（你在jsFiddle中得到的代码）：

<script src="scripts/functions.js" type="text/javascript"></script>

它应该有用。

Jquery代码适用于JsFiddle，但不再适用于我的计算机

3 个答案: