Не удается решить Jquery и столкновение Mootools - PullRequest
Новая
       28

Не удается решить Jquery и столкновение Mootools

0 голосов
/ 05 января 2012

Я новичок ... Я использовал Two Jquery (один - Jquery For Pop-up - «Kind Of Ajax» из Color Box, а другой - «Jquery for Load More», который выбирает Data-Again Ajax). Это Clashing /Конфликт с 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), но не Calender(MooTools).и все же код не работает ... Любая помощь будет весьма заметна ... !!!!Благодарю вас

1 Ответ

1 голос
/ 05 января 2012

вы исправляете инстанцирование, но использует ли плагин выбора календаря document.id или $? у этого календарного скрипта есть такие вещи, как this.target = $(target); - отредактируйте его и исправьте до document.id или вставьте замыкание, как в вашем экземпляре.

также, вы должны загружать mootools и его зависимости последними - если $ определен где-то еще, он автоматически возвращается к document.id начиная с v1.2.4. Вы также можете посмотреть на DatePicker Ариана в mootools 1.3, он предназначен для mootools 1.3+ и написан так, чтобы не конфликтовать.

...