代码输出差异

Code Output Discrepency

本文关键字：输出 代码      更新时间：2023-09-26

我昨晚写了一些代码来测试一些基本的东西。我使用了两个网站来"实时预览"我的作品，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中使用。

如果您查看JSFiddle页面的源代码，您将看到在"Javascript"区域内编写的jQuery脚本被封装在$(window).load();函数中:

试着把你的脚本包装在:

$(window).load(function(){
    // code
});
相关文章：