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 ready函数：

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

这会将$快捷方式传递给jQuery代码块，但仍应该避免它之外的冲突。

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

Answer 2

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

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

Answer 3

根据jQuery docs on jQuery.noConflict ...

描述：放弃jQuery对$变量的控制。

这意味着在调用它之后，必须使用jQuery代替$进行jQuery调用。

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

Jquery和常规Javascript干扰

3 个答案: