Jquery和常规Javascript干扰

Question

我正在用joomla建立一个网站，我最近为它购买了一个内容滑块，它是用普通的旧Javascript构建的，然后我建立了一些内容框，上面有由Jquery提供的动画。现在动画可以工作了，但是滑块却不行，我想知道怎样才能让页面同时使用这两个功能。这是我的代码

 <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代码块中，但仍应避免在该代码块之外发生冲突。

您可以在jQuery文档中阅读主题here。

Answer 2

您是否检查了可能发生的潜在冲突(代码中的$)？您可以在无冲突模式下运行jquery脚本来修复它

http://api.jquery.com/jQuery.noConflict/

Answer 3

据jQuery docs on jQuery.noConflict报道..。

描述:放弃jQuery对$ variable的控制。

因此，这意味着在调用它之后，必须使用jQuery而不是$进行jQuery调用。

例如，将$(document).ready(function() { ... });更改为jQuery(document).ready(function() { ... });。