javascript - Jquery 和常规 Javascript 干扰

Question

我正在 joomla 中构建一个网站，最近我为其购买了一个用普通旧 Javascript 构建的内容 slider ，然后我构建了一些内容框，上面有 Jquery 提供的动画。现在动画可以工作，但 slider 不能。我想知道如何使用两者来使页面正常工作。这是我的代码

 <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>jQuery.noConflict();
$(document).ready(function() { 
  //settings 
  var opacity = 0.5, toOpacity = 1, duration = 350; 
  //set opacity ASAP and events 
  $('.opacity').css('opacity',opacity).hover(function() { 
      $(this).fadeTo(duration,toOpacity); 
    }, function() { 
      $(this).fadeTo(duration,opacity); 
    } 
  ); 
});
</script>

Answer 1

尝试在加载库后调用此函数:

jQuery.noConflict();

此外，尝试用以下代码替换您的 jQuery 就绪函数:

jQuery(document).ready(function($){

这会将 $ 快捷方式传递到 jQuery 代码块中，但仍应避免其外部发生冲突。

您可以阅读有关该主题的文章 here在 jQuery 文档中。