多个jquery插件有冲突 [英] multiple jquery plugins have conflict

问题描述

大家好。我在我的网站上使用了多个不同版本的插件，但是我无法解决冲突。我很喜欢和应用解决方案，但他们不能一起工作。我在Jquery的小学生请帮助我。

hi all. I've used multiple plugins with different versions in my website but there is a conflict I cant solve. I goggled a lot and applied solutions but they don't work together.I'm elementary in Jquery please help me.

    <!-- jQuery KenBurn Slider-----------jquery1.7.2--jQuery UI 1.8.5---->
    <script src="SliderRevolution/rs-plugin/js/jquery-ui.js"></script>
    <script src="SliderRevolution/rs-plugin/js/jquery.js"></script>
    <script src="SliderRevolution/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script src="SliderRevolution/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="SliderRevolution/rs-plugin/js/Slider.js"></script>
<%------------magic line ------------jQuery 1.5.2--------------------%>
    <script src="MagicLine/js/example.js"></script>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>  
 <!-------------dock menu------jQuery 1.1.2---------------------------->
    <script type="text/javascript"  src="./dock/js/jquery.js"></script>
    <script type="text/javascript" src="./dock/js/interface.js"></script>

<！ - - jQuery KenBurn Slider ----------- jquery1.7.2 - jQuery UI 1.8.5 ---->

Slider.js：

<!-- jQuery KenBurn Slider-----------jquery1.7.2--jQuery UI 1.8.5---->
Slider.js:

var newjq = jQuery;
newjq.noConflict();
newjq(document).ready(function () {
    newjq('.fullwidthabnner').revolution(
           {
               delay: 5000,
               startheight: 500,
               startwidth: 960,

               hideThumbs: 300,

               thumbWidth: 100,
               thumbHeight: 50,
               thumbAmount: 5,

               navigationType: "both",
               navigationArrows: "verticalcentered",
               navigationStyle: "round",

               touchenabled: "on",
               onHoverStop: "on",

               navOffsetHorizontal: 0,
               navOffsetVertical: 20,

               stopAtSlide: -1,
               stopAfterLoops: -1,

               shadow: 1,
               fullWidth: "on"
           });
});

<％------------魔术线----------- -jQuery 1.5.2 --------------------％>

example.js：

<%------------magic line ------------jQuery 1.5.2--------------------%>
example.js:

//var $jmagic = jQuery.noConflict(true);
z// DOM Ready
$(function() {

    var $el, leftPos, newWidth;
    
    /*
        EXAMPLE ONE
    */
    
    /* Add Magic Line markup via JavaScript, because it ain't gonna work without */
    $(".hmenu").append("<li id='magic-line'></li>");
    
    /* Cache it */
    var $magicLine = $("#magic-line");
    
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $(".hmenu li").find("a").hover(function () {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
 });

<！------------- dock menu ------ jQuery 1.1.2 ---------------------------->

interface.js：

<!-------------dock menu------jQuery 1.1.2---------------------------->
interface.js:

eval(function(p,a,c,k,e,d)..............)

推荐答案

jmagic = jQuery.noConflict（true）;
z // DOM Ready

jmagic = jQuery.noConflict(true); z// DOM Ready

（ function （）{

var

el，leftPos，newWidth;

/ *
示例一
* /

/ * 通过JavaScript添加Magic Line标记，因为没有* /

el, leftPos, newWidth; /* EXAMPLE ONE */ /* Add Magic Line markup via JavaScript, because it ain't gonna work without */

这篇关于多个jquery插件有冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！