有人可以解释为什么这个jQuery不起作用?

时间:2014-11-22 03:18:45

标签: jquery ticker fading

所以,我有这个:

<ul class="fade">
   <li>Hello</li>
   <li>I am mahdi khaksar from iran</li>
   <li>I am designer and programmer at progpars.com </li>
   <li>www.ijquery.ir</li>
</ul>
<script src="https://www.datastreak.org/js/jquery.js"></script>
<script src="https://www.datastreak.org/js/inewsticker.js"></script>
<script>
   $(document).ready(function() {
       $('.fade').inewsticker({
        speed       : 3000,
        effect      : 'fade',
        dir         : 'ltr',
        font_size   : 13,
        color       : '#000',
        font_family : 'arial',
        delay_after : 1000      
    });

   });  
</script>

http://jsfiddle.net/mmuxdoo8/

在独立的HTML文件中,它可以完美运行。但是当我将它添加到我们的主站点时,我得到了这个:

image

我在这里缺少什么?

2 个答案:

答案 0 :(得分:0)

您的示例没有语法问题。经证实http://jsfiddle.net/z48c1s7b/

$(document).ready(function() {
  alert('You are not crazy!');
}); 

这意味着jQuery 正在工作。

这必然意味着您没有正确初始化您的组件。

虽然它看起来对我有用:

enter image description here

答案 1 :(得分:0)

这确实是一场JS冲突。代码没有问题,问题现在已经解决了。