无法使jQuery noConflict工作

时间:2012-08-10 00:39:39

标签: jquery

我已经尝试了几天没有运气 - 我只是无法理解它 有多个脚本使用不同的jquerys但不能使它们一起工作

<script src="/scripts/lavalamp/jquery-1.2.3.min.js" type="text/javascript">
<script type="text/javascript">
        var MyjQ = jQuery.noConflict(true);
</script>
<script src="/scripts/lavalamp/jquery.easing.min.js" type="text/javascript">
<script src="/scripts/lavalamp/jquery.lavalamp.min.js" type="text/javascript">
<script type="text/javascript">
(function($){
    $(function() {
        $("#1, #2, #3").lavaLamp({
            fx: "backout",
            speed: 700,
            click: function(event, menuItem) {
                return true; 
            }
        });
    });
})(MyjQ) 
</script>
<script src="/scripts/jquery.scrollTo-1.4.2-min.js" type="text/javascript">
<script src="/scripts/jquery.serialScroll-1.2.2-min.js" type="text/javascript">
<script src="/scripts/init.js" type="text/javascript">

<script src="/pages/cal/js/jquery-1.3.2.min.js" type="text/javascript">
<script type="text/javascript">
        var MyjQuery = jQuery.noConflict(true);
</script>
<script src="/pages/cal/js/jquery-ui-1.7.1.min.js" type="text/javascript">
<script src="/pages/cal/js/jquery.cookie.js" type="text/javascript">
<script type="text/javascript">
(function($){ 
    $(function() {
          var which_tab = $.cookie('which_tab') || 0;
          $("#tabs").tabs({
                   selected: which_tab,
                   select: function(e,ui){
                            $.cookie('which_tab', ui.index);
                   }
          });
     });
})(MyjQuery) 
</script>

</head>
你能吗?如何实现这一目标..(我已阅读但只是不了解如何使用api.jquery示例)

更新: 即使经过一些努力似乎它应该工作,错误将从jquery.cookie.js和其他脚本抛出。所以var MyjQuery = jQuery.noConflict(true);修复(或不修改)var which_tab = $ .cookie但是怎么样../jquery.cookie.js

1 个答案:

答案 0 :(得分:1)

您的示例代码中根本没有使用noconflict。将它们混合是一个坏主意,但如果必须,请使用noconflic重命名每个实例:

<script src="/pages/cal/js/jquery-1.3.2.min.js" type="text/javascript">
<script type="text/javascript">
$jq13 = jquery.noconflict(true);
$jq13.[code here to execute with JQuery 1.3]
</script>

<script src="/pages/cal/js/jquery-1.4.2.min.js" type="text/javascript">
<script type="text/javascript">
$jq14 = jquery.noconflict(true);
$jq14.[code here to execute with JQuery 1.4]
</script>