无法解决 Jquery 和 Mootools 冲突

Question

我是初学者... 我使用了两个 Jquery（一个是用于弹出窗口的 Jquery-“Ajax 类型”来自 Color Box，另一个是 Jquery 用于加载更多选项以再次获取数据 Ajax）它与 Mootools 冲突/冲突（用于日历功能）。 这是我的呼叫代码..

<script type="text/javascript" src="cal/js/mootools-1.2.4-core.js"></script>
<script type="text/javascript" src="cal/js/mootools-1.2.4.4-more.js"></script>
<script type="text/javascript" src="cal/js/calendar-eightysix-v1.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script src="javascripts/popup-jquery/jquery.popup.googleapis.js"></script>
<script src="javascripts/popup-jquery/jquery.colorbox.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    // For jQuery scripts
(function($){   
    $(document).ready(function(){
    //Calling Pop-up 
        $(".example5").colorbox();

        //Calling More Button
        $('.more').live("click",function() 
            {
                var ID = $(this).attr("id");
                if(ID)
                {
                    $("#more"+ID).html('<img src="load/moreajax.gif" />');
                    $.ajax({
                        type: "POST",
                        url: "load/ajax_more_calender_content.php",
                        data: "lastmsg="+ ID, 
                        cache: false,
                        success: function(html){
                            $("div#updates").append(html);
                            $("#more"+ID).remove();
                            }
                        });
                }
                else
                {
                    $(".morebox").html('The End');
            }
        return false;
        });
    });
})(jQuery);


    (function($) {
        window.addEvent('domready', function() {

    //Example XIII
        var calendarXIII = new CalendarEightysix('exampleXIII', { 'injectInsideTarget': true, 'alwaysShow': true,'draggable': true, 'pickable': true });
        calendarXIII.addEvent('rendermonth', function(e) {
            //The event returns all the date related elements within the calendar which can easily be iterated
            e.elements.each(function(day) {
                day.set('title', day.retrieve('date').format('%A %d %B'));




                    day.setStyles({  'cursor': 'pointer' }).addEvent('click', function() { window.location='../calender.php?date='+day.retrieve('date').get('date')+'&month='+day.retrieve('date').get('month')+'&year='+day.retrieve('date').get('year'); } );             
            });
        });
        calendarXIII.render(); //Render again because while initializing and doing the first render it did not have the event set yet

    });
})(document.id);
</script>

我在许多论坛中阅读并以上述方式实现了它，工作代码只是弹出和加载更多选项（jQuery）而不是日历（mootools）。 并且代码仍然无法正常工作...任何帮助都将非常可观...!!!!! 谢谢你

Answer 1

您正在修复您的实例化，但日历选择器插件是否使用 document.id 或 $？这个日历脚本有 this.target = $(target); 之类的东西 - 编辑它并修复到 document.id 或像你的实例化一样放入一个闭包。

另外，您应该最后加载 mootools 及其依赖项 - 如果在其他地方定义了 $，它会从 v1.2.4 自动恢复为 document.id。您可能还想在 mootools forge 上查看 Arian 的 DatePicker，它适用于 mootools 1.3+，并且以不冲突的方式编写。