Question

我昨晚写了一些代码来测试一些基本的东西。我使用了两个网站来预览＆＃34;我的工作，Dash和JSFiddle。在这两个网站上，我的代码运行顺畅，但当我将其上传到互联网时，我的按钮都没有运行。

我修改了我的代码并且能够查明问题 - 由于某些原因，在这些网站上我能够附加我的div然后给它一个功能（例如mousedown / mouseup等），但在我的网站上我不是。我创建了两个场景来解释：

1。）我的原始代码在JSFiddle和Dash中有效，但不在我的网站上： http://jsfiddle.net/bEZ2z/4/

<body>
  <div class="buttonHolder"></div>
  <script>
      $(document).ready(function(){
       //append divs to class buttonHolder here
      });
      //code that makes div buttons function
  </script>
</body>

（链接到上面无法正常工作的代码网站：alanpauley.com/color-fun）

2。）我编辑的代码也适用于JSFiddle和Dash，但更重要的是，可以在我的网站上运行： http://jsfiddle.net/bEZ2z/3/

<body>
  //create all divs here
   <script>
      //code that makes div buttons function
   </script>
</body>

（链接到上面的代码网站工作：alanpauley.com/color-fun2）

所以我已经找到了问题，但我更好奇为什么会这样。我的脚本是否过时/不同？是否有更大的事情我不知道在这些网站上进行预览时我还需要在我的代码中实现？

非常感谢任何见解，因为我更倾向于使用代码初始化我的jquery代码中的div而不是html本身。

Answer 1

如果您查看 JSFiddle 页面的来源，您会看到在“Javascript”区域内编写的jQuery脚本包含在$(window).load();函数中：

因此，请尝试将您的脚本包装在：

中

$(window).load(function(){
    // code
});

代码输出差异

1 个答案: