Prototype和jQuery之间的冲突

时间:2012-05-08 12:25:24

标签: javascript jquery prototypejs

我正在尝试在一个页面上使用jQuery Datepicker和JavaCcript滚动条。但是,如果我在头文件中声明一个不起作用,有没有办法我可以解决这个但仍然使用它们?我尝试过以下但没有成功:

var $j = jQuery.noConflict();
$j("#datepicker").datepicker();

3 个答案:

答案 0 :(得分:2)

尝试:

jQuery.noConflict();
jQuery("#datepicker").datepicker();

答案 1 :(得分:1)

<script src="prototype.js"></script>
<script src="effects.js"></script>
<script src="jquery.js"></script>

<script type="text/javascript">
jQuery.noConflict();
 jQuery(document).ready(function($){
     jQuery("a").click(function(){
        //Effect.Shake('shake_demo');//this is prototype.js function
                    //jQuery("#datepicker").datepicker();//for suing Jquery function
    });
});
</script>

<body>
<div id="shake_demo" style="width:150px; height:40px; background:#ccc; text-align:center;">
    <a href="#"  style="line-height:40px;">Click me to shake!</a>

</div>
<a id="aClick" class="aClick" href="#"  style="line-height:40px;">Click me to shake!</a>
</body>

答案 2 :(得分:1)

您可以解决冲突并仍然使用$,如下所示:

jQuery(function($){
    $("#datepicker").datepicker();
})(jQuery)