Question

所以我遇到了以下问题。

在Drupal中，我在html.tpl.php中有以下包含的jQuery库：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
</script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js">
</script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.jQuery || document.write("<script src='/tappr-website/sites/all/modules/jquery_update/replace/jquery/1.10/jquery.min.js'>\x3C/script>")
//--><!]]>
</script>

和各种jQuery效果（放大，淡入淡出等等），特别是给我带来麻烦的是以下函数，当鼠标悬停在另一组图像上时，它应该动态地改变图像的src：

jQuery("document").ready(function(){
        var oldSrc=jQuery("#imageholder").attr("src");

        jQuery("#sell-analytics img").hover(function() {

              //jQuery("#imageholder").attr("src", "image2.png");

                var newSrc = jQuery("#imageholder").attr('src').replace( oldSrc, "image1.png" );
                jQuery("#imageholder").attr("src", newSrc);

            }, function() {

              jQuery("#imageholder").attr("src", oldSrc);

        });


        jQuery("#sell-employee img").hover(function() {

              jQuery("#imageholder").attr("src", "image2.png");

            }, function() {

              jQuery("#imageholder").attr("src", oldSrc);

        });



        jQuery("#sell-sales img").hover(function() {

              jQuery("#imageholder").prop("src", "image3.png");

            }, function() {

              jQuery("#imageholder").prop("src", oldSrc);

        });



        jQuery("#sell-inventory img").hover(function() {

              jQuery("#imageholder").attr("src", "image4.png");

            }, function() {

              jQuery("#imageholder").attr("src", oldSrc);

        });



        jQuery("#sell-webshop img").hover(function() {

              jQuery("#imageholder").attr("src", "image5.png");

            }, function() {

              jQuery("#imageholder").attr("src", oldSrc);

        });         
    });

现在，当我不包含jquery-1.9.1.js函数时，但所有其他动画都没有，所以当我包含所有这些函数时，除了这个函数外，一切都有效。

有没有人遇到过类似的问题？我应该更改功能还是包含的库？

注意：每个图片都有不同的方法，因为我尝试了不同的解决方案。

Answer 1

Frek！为什么要包含3个jquery文件？这是来自Google CDN的最新jquery版本。仅用作：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

我不知道你为什么要包括jqueryUI，但如果有必要的话，就这样吧。并使用以下脚本：

jQuery(document).ready(function($) {

// Now you can use $ instead of jQuery everytime.

});

jQuery img src用jQuery / jQueryUI库替换冲突

1 个答案: