为什么这个 jQuery 可以在 jsfiddle.net 上运行，而不能在我的网站上运行？ [复制]答案

【问题标题】：why this jQuery works on jsfiddle.net and not work on my website? [duplicate]为什么这个 jQuery 可以在 jsfiddle.net 上运行，而不能在我的网站上运行？ [复制]
【发布时间】：2012-09-13 06:24:39
【问题描述】：

可能重复：
Why does my jsfiddle work but not my web site?

你好。抱歉，我对另一个问题的答案有疑问；我的意思是：http://jsfiddle.net/Mb6Nd/

我尝试在我的网站上这样使用它：side.js 是 http://jsfiddle.net/Mb6Nd/ 上的 jQuery 代码，但它对我不起作用。请帮帮我。

谢谢

 <header>
    <script type="text/javascript" src="side.js"></script>
 </header>
    <style>
    ul li {background-color: #cecece;}
    </style>

    <ul id="mainmenu">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
    </ul>

【问题讨论】：

当您的问题被否决时，这表明它需要改进，而不是表明您需要重新发布。阅读faq，并努力改进您的问题。

标签： jquery css menu fade jsfiddle

【解决方案1】：

你的标记是invalid，样式标签应该在head标签内而不是在header标签之后，你也应该先加载jQuery才能使用jQuery方法和属性。

<html>
   <head>
       <script type="text/javascript" src='http://code.jquery.com/jquery-latest.js'></script>
       <script type="text/javascript" src="side.js"></script>
       <style>
         ul li {background-color: #cecece;}
       </style>
   </head>
   <body>
       <ul id="mainmenu">
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
       </ul>
   </body>
</html>

【讨论】：

我确实这样做了，但它不起作用：|有人说 jsfiddle 自动在 windows.load 上设置了一些东西，但他删除了他的评论，我不明白:(
@user1647406 在您提供的小提琴中，您有$(document).ready()，这应该不是问题。您应该确保您的脚本已加载，如果您使用的是 firefox，您可以安装 firebug，它会告诉您脚本是否已加载或您的代码是否有语法错误。
我的问题只是一个颜色推子菜单。你能帮我制作像jsfiddle.net/Mb6Nd这样的菜单吗？我只想要一个颜色渐变器菜单
@user1647406 我已经检查了你的页面，你的 slide.js 文件末尾有多余的字符，删除这个 => â€‹
@user1647406 安装 firefug，或者使用其他调试工具。

【解决方案2】：

可能是文件引用错误

你没有在任何地方包含 jQuery 文件

包括

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

side.js 上方

【讨论】：

感谢您的关注。是的，我这样使用：<script src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.7"); google.load("jqueryui", "1.8"); </script> 我不明白这一点：或者将您的脚本标签移到您的元素下方，请为我解释。
你为什么要加载 2 个版本的 jQuery.. 只需加载最新版本 1.8.0 .. 将 script 标签移动到元素下方可确保您的页面加载速度更快，以便在您点击之前解析所有元素脚本文件..
即使我使用最新的 jQuery，它也不能在我的网站上运行 '
- 第 2 项
- 第 3 项
'
看看这个：shaweb.ir/test我怎么了？

【解决方案3】：

你有错误的 html 标签，加上 jsfiddle 包含 jquery 但你似乎没有包含它。包含 jquery 脚本

【讨论】：

我包括了，看看这个：shaweb.ir/test我怎么了？

【解决方案4】：

这是否表示 $ 未定义？如果是，则您的 jquery 尚未加载，还请查看您的脚本是否已加载。请在您的系统上安装 firebug，或者如果您有 google chrome，只需按 F12 即可查看控制台，您将获得更清晰的画面。

【讨论】：