jQuery img src将冲突替换为jQuery/jQueryUI库

jQuery img src replace conflict with jQuery/jQueryUI libraries

本文关键字：jQuery jQueryUI 冲突 img src 替换      更新时间：2023-09-26

所以我遇到了以下问题。

在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时，该函数可以工作，但所有其他动画都不可以，所以当我包含所有动画时，除此函数外，其他所有动画都可以工作。

有人遇到过类似的问题吗？我应该更改函数或包含的库吗？

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

怪胎！为什么要包含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.
});
相关文章：