jQuery与原型冲突
我试图同时使用jQuery和Prototype 我花了好几个小时寻找解决方案来解决这个问题。我发现最常用的方法是这个。但是,无论我如何放置“jQuery.noConflict()”代码,它都不起作用 有人能帮我吗 提前谢谢 这是我的密码jQuery与原型冲突,jquery,prototypejs,conflict,Jquery,Prototypejs,Conflict,我试图同时使用jQuery和Prototype 我花了好几个小时寻找解决方案来解决这个问题。我发现最常用的方法是这个。但是,无论我如何放置“jQuery.noConflict()”代码,它都不起作用 有人能帮我吗 提前谢谢 这是我的密码 <script type="text/javascript" src="/js/swfobject.js"> </script> <script type="text/javascript" src="/js/layerswitch
<script type="text/javascript" src="/js/swfobject.js">
</script>
<script type="text/javascript" src="/js/layerswitch.js">
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2351815-2";
urchinTracker();
</script>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js">
</script>
<script type="text/javascript" src="/js/fadeLinks.js">
</script>
<script>
jQuery.noConflict();
jQuery(document).ready(function($){
$("#example").autocomplete(options);
});
</script>
<script src="js/prototype.js" type="text/javascript">
</script>
<script src="js/scriptaculous/scriptaculous.js" type="text/javascript">
</script>
<script src="js/recommended_items.js" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
Event.observe(window, 'load', function() {
var recommended_items = new RecommendedItems('recommended_items', <?="$store_id, $gift_registry_id" ?>);
recommended_items.setBaseURL('<?=$site_server . SITE_STANDARD ?>');
<?php if (THIS_PAGE == PRODUCT_PHP) { ?>
recommended_items.setProduct(<?="$product_id, $category_id" ?>);
<?php } ?>
recommended_items.fetchItems();
});
//]]>
</script>
_uacct=“UA-2351815-2”;
海胆追踪者();
jQuery.noConflict();
jQuery(文档).ready(函数($){
$(“#示例”).autocomplete(选项);
});
//);
推荐项目。设置URL(“”);
推荐_items.setProduct();
推荐的_items.fetchItems();
});
//]]>
像这样包装jQuery代码
(function($) {
//$.noConflict(); // I don't below this is needed following this pattern
$(function() // shorthand for $(document).ready()
{
$("#example").autocomplete(options);
});
})(jQuery);
本质上,
$
是指函数中的jQuery
对象
(function($) {
//$.noConflict(); // I don't below this is needed following this pattern
$(function() // shorthand for $(document).ready()
{
$("#example").autocomplete(options);
});
})(jQuery);
本质上,
$
指的是函数内部的jQuery
对象您可以将对jQuery.noConflict()的调用分配给一个变量,然后在需要使用jQuery时始终使用该变量。因此:
<script>
var $$ = jQuery.noConflict();
jQuery(document).ready(function($){
$$("#example").autocomplete(options); //jQuery selector
alert($("#example".val()); //prototype selector
});
</script>
var$$=jQuery.noConflict();
jQuery(文档).ready(函数($){
$$(“#示例”).autocomplete(选项);//jQuery选择器
警报($(“#示例”.val());//原型选择器
});
您可以将对jQuery.noConflict()的调用分配给一个变量,然后在需要使用jQuery时始终使用该变量。因此:
<script>
var $$ = jQuery.noConflict();
jQuery(document).ready(function($){
$$("#example").autocomplete(options); //jQuery selector
alert($("#example".val()); //prototype selector
});
</script>
var$$=jQuery.noConflict();
jQuery(文档).ready(函数($){
$$(“#示例”).autocomplete(选项);//jQuery选择器
警报($(“#示例”.val());//原型选择器
});
传递到jQuery(文档)中的函数。ready在调用时获取jQuery对象。因此在函数中它应该是$。这对我来说就像一个魅力,在解决jQuery、jQuery无铬视频播放器插件和原型之间的冲突时。传递到jQuery(文档)中的函数.ready在调用jQuery对象时获取该对象。因此在函数中它应该是$。这实际上对我来说很有吸引力,当解决jQuery、jQuery无铬视频播放器插件和prototype之间的冲突时。小心,prototype.js使用$作为DOM元素的CSS选择器。根据jQuery doco.caref,符号$j更好ul,$$被prototype.js用作DOM元素的CSS选择器。根据jquery文档,更好的是符号$j。