jQuery日历与mootool图像滑块冲突

时间:2013-11-11 05:32:52

标签: javascript php jquery mysql jquery-plugins

<script src='<?php echo $fullpath; ?>lib/jquery.min.js'></script>
<script src='<?php echo $fullpath; ?>lib/jquery-ui.custom.min.js'></script>
<script src='<?php echo $fullpath; ?>fullcalendar/fullcalendar.min.js'></script>
<script type="text/javascript" src="<?php echo $fullpath; ?>js/invite_mail_ajax_full.js"></script> 
<script type="text/javascript" src="<?php echo $fullpath; ?>js/ajax_BannerAd.js"></script>
<script type="text/javascript" src="<?php echo $fullpath; ?>script/mootools-core-1.3.1-full-nocompat.js"></script>
<script type="text/javascript" src="<?php echo $fullpath; ?>script/slideitmoo-1.2-mootools-1.3.js"></script>
<script type="text/javascript" src="<?php echo $fullpath; ?>auto/jquery.js"></script> 
<script>
jQuery.noConflict();          
jQuery(document).ready(function(){
 jQuery("#tag").autocomplete(fullpath+"autocomplete.php", {

        selectFirst: true
    });
});
</script>
<script>
jQuery.noConflict();          
jQuery(document).ready(function(){
 jQuery("#tag2").autocomplete(fullpath+"autocomplete2.php", {

        selectFirst: true
    });
});
</script>
<!--[if lt IE 7]>
 <style type="text/css">
 img, div, ul, li, a { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->  
<script>
    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true,
            events: [
<?php echo $rdiv;?>
            ]
        });

    });

</script> 
<style>
    #calendar {
        text-align: center;
        font-size: 14px;
        font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
        width: 600px;
        margin: 0 auto;
        }
.event_cal_title{font-size: 16px;color: teal;}
</style>
</head>

上面的代码只接受jQuery日历mootools滑块不起作用..

请帮帮我......

我收到错误:

  

TypeError:$(---)不是 slideitmoo-1.2-mootools-1.3.js中的函数

如何解决这个问题?

我已在许多论坛中阅读并以上述方式实施。并且代码仍然无效......任何帮助都将得到高度赞赏

谢谢

2 个答案:

答案 0 :(得分:0)

请在include文件下方添加jquery冲突代码进行检查。如下。

<script src='<?php echo $fullpath; ?>lib/jquery-ui.custom.min.js'></script>
<script>jQuery.noConflict(); </script>

答案 1 :(得分:0)

如果您使用的是jQuery.noConflict(),那么美元符号“$”将不再连接到jQuery。

在代码中使用jQuery而不是美元。

就像你在第一个脚本上那样在第二个脚本中做同样的事情:

jQuery(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    jQuery('#calendar').fullCalendar({
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        editable: true,
        events: [
           <?php echo $rdiv;?>
        ]
    });

});

这是因为Mootools和jQuery都想使用美元。在Mootools中,美元用于通过ID创建元素,也可以用document.id('elementId');(而不是$('elementId');)替换

有关jQuery.noConflict();

的更多信息