【问题标题】:Can someone please explain why this jQuery isn't working? [closed]有人可以解释为什么这个 jQuery 不起作用吗? [关闭]
【发布时间】:2014-11-22 03:18:44
【问题描述】:

所以,我有这个:

<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 文件中,它可以完美运行。但是当我将它添加到我们的主站点时,我得到了这个:

我在这里错过了什么?

【问题讨论】:

  • 检查浏览器控制台是否有错误消息。你可能和其他js框架有冲突,比如mootools
  • 你检查过你的控制台吗? inewsticker.js 给出 jquery is not defined 错误。您可能在股票代码之后引用了 jquery。
  • 您检查过我发布的代码吗? i.imgur.com/lYSD0R9.png
  • 由于 Web 服务器根目录,您可能有不正确的 jquery 等路径。检查路径是否在 Google 开发工具的网络选项卡中解析,您可能需要将路径更改为 '../jquery.js' 或尝试使用 CDN 版本的 jquery 来测试您是否完全疯了&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  • 我并不是完全疯了。我已经通过简单地访问 datastreak.org/js/jquery.js 来检查它是否解析到正确的目录。热链接到 google 时没有变化。

标签: jquery ticker fading


【解决方案1】:

确实是JS冲突。代码没有问题,现在问题已解决。

【讨论】:

    【解决方案2】:

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

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

    这意味着 jQuery 正在工作。

    这一定意味着你没有正确初始化你的组件。

    虽然它看起来对我有用:

    【讨论】:

    • 我真的不明白这是一个答案.. 但没关系。谢谢。你重新陈述了我最初所说的。该代码有效,但在我们的页面上时无效。
    猜你喜欢
    • 2022-07-26
    • 2016-06-01
    • 1970-01-01
    • 2015-08-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-28
    • 2014-05-18
    相关资源
    最近更新 更多