1

我正在尝试根据较旧的 jQuery 菜单设置动画菜单。较旧的版本，该函数与 jQuery 版本参考链接一起直接放入正文中。我遇到的问题是，该设置与我也想放在页面上的旋转横幅冲突。

实际上，目前它们不能同时运行。它们也都在不同的 jQuery 版本上运行。

我得到了一些帮助，将 jQuery 执行函数放入外部文件，但这并没有解决菜单的问题，因为必须在正文中引用 jQuery 版本和调用才能使其工作。

我之前看过 jQuery 菜单，不需要直接放在正文中。还是他们？我知道下面是一种非常糟糕的方法，因为它位于页面主体内部，而且它使用的是过时的 jQuery 版本，这就是为什么我希望更新它以使其更加稳固。

       <body>
       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easing.1.3.js"></script>
       $(document).ready(function() {
          $(function() {
              $('#hn_menu > li').bind('mouseenter',function(){
                 var $elem = $(this);
                 $elem.find('img')
                 .stop(true)
                 .animate({
                    'width':'120px',
                    'height':'120px',
                    'left':'0px'
                 },400,'easeOutBack')
              .andSelf()
              .find('.hn_wrap')
              blah blah blah
             });
          });
         </body>
4

3 回答 3

1

不，脚本不必 b 在正文中。当您使用ready事件时，脚本可以位于页面中的任何位置（当然，在加载 jQuery 库之后）。

通常，您会将脚本放在head标签中，而不是body标签中。body如果您希望脚本比其他资源加载得晚，或者如果它们不使用ready或事件，那么脚本通常只放在标签中，因此必须将脚本load放在它访问的元素之后。

（请注意，您发布的代码缺少script脚本周围的标签，因此它只会显示在页面中。）

于 2013-03-30T20:41:34.667 回答
0

jQuery v1.9.1 适用于所有先前版本的 jQuery，无论他们声称不推荐使用哪些方法。您甚至不需要迁移指南脚本。

例如，这个脚本有

   .andSelf()

jQuery 表示已替换为

    .addBack(optional param)

它可能已被替换，但 addSelf() 仍然适用于新的 1.9.1

于 2013-03-30T22:03:25.147 回答
0

不，你可以把它放在<script type="text/javascript"> </script>标签之间的任何地方。在此之前，如果您使用的是 jQuery，则必须加载 jQuery。

于 2013-03-30T20:36:52.520 回答