日期:2014-05-16  浏览次数:20465 次

jQuery库与其他JavaScript库冲突的解决办法
  1. <script src="prototype.js"></script> ?
  2. <script src="jquery.js"></script> ?
  3. <script> ?
  4. ? jQuery.noConflict();? ?
  5. ? // Use jQuery via jQuery(…)? ?
  6. ? jQuery(document).ready(function(){? ?
  7. ? jQuery(”div”).hide();? ?
  8. ? });? ?
  9. ? // Use Prototype with $(…), etc.? ?
  10. ? $(’someid’).style.display = ‘none’;? ?
  11. </script>

记得要在载入完各js库后才能用jQuery.noConflict()进行重载哦,如例子中的prototype和jquery。

当然我们也可以不使用其默认的名字空间,比如我喜欢使用 $j() 而不是 jQuery() 。

  1. var $j = jQuery.noConflict(); ?
  2. $j(document).ready(function(){ ?
  3. ? $j(”div”).hide();? ?
  4. });