carouFredSel的jQuery在WordPress的

我使用carouFredSel jQuery的上这个网站码滑块：carouFredSel的jQuery在WordPress的

<div class="list_carousel"> 
     <ul id="foo"> 
      <li>c</li> 
      <li>a</li> 
      <li>r</li> 
      <li>o</li> 
      <li>u</li> 
      <li>F</li> 
      <li>r</li> 
      <li>e</li> 
      <li>d</li> 
      <li>S</li> 
      <li>e</li> 
      <li>l</li> 
      <li> </li> 
     </ul> 
     <div class="clearfix"></div> 
     <a id="prev" class="prev" href="#">&lt;</a> 
     <a id="next" class="next" href="#">&gt;</a> 
     <div id="pager2" class="pager"></div> 
    </div>

和jQuery的

<script type="text/javascript" src="javascript/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="javascript/jquery.carouFredSel-6.2.0.js"></script> 
<script> 
$(document).ready(function() { 
$('#foo').carouFredSel({ 
        auto: false, 
        prev: '#prev', 
        next: '#next', 
        pagination: "#pager", 
        mousewheel: true, 
        swipe: { 
         onMouse: true, 
         onTouch: true 
        } 
       }); 
}); 
</script>

当我使用它在标准的HTML，它工作正常，但是当我将代码转移到WordPress网站，查询不起作用。什么可能是错的？

来源

2013-04-09 hamama

你如何在Wordpress中加载jQuery？如果是这样，你需要把它放在[noConflict]（http://api.jquery.com/jQuery.noConflict/）模式下 – hexblot 2013-04-09 06:02:34

当然可能是一个脚本源的错误..你refered而粘贴在该网站....

来源

2013-04-09 06:07:30 PraJen

路径中没有错误，我再次检查它 – hamama 2013-04-09 06:09:51

你加载jQuery两次，你是加载carusel在错误的地方，我认为http://jsfiddle.net/s39Kd/4/ – PraJen 2013-04-09 06:18:35

你是什么意思加载carousal在错误的地方？我尝试了你演示的代码，但仍然没有希望。Cam你给我一点进一步的解释吗？ – hamama 2013-04-09 08:35:56

在WordPress的页眉和页脚添加路径后看。这对我有效。干杯。

来源

2013-04-09 08:03:26 George

这并没有解决它！ – hamama 2013-04-09 08:38:47

不知道你是否已经解决这个问题，但是hexblot是正确的，用'jQuery'切换'$'以避免冲突。

来源

2013-06-28 22:56:27 user1888521

carouFredSel的jQuery在WordPress的

回答

相关问题