jQuery和其他从工作的jsfiddle复制到本地env时未运行的JS

jQuery, and other JS not running when copied from working jsfiddle into local env?

本文关键字：env JS 运行 复制 其他 工作 jQuery jsfiddle      更新时间：2023-09-26

即使上传到我的测试服务器并使用DOM就绪时，脚本似乎也没有响应。（我在小牛队，Chrome）。

JSFiddle示例：http://jsfiddle.net/LvsYc/1361/

有人介意帮我设置一下吗？我已经尝试了很多不同的DOM变体，但没有任何运气。一些告诉我它也必须与：

.change

我昨天在代码中使用了它，但它也不太好用。我重新密封后发现：

.bind('change',function)

但我的实现也不起作用。有人有什么想法吗？超级烦人！

附带问题：我需要为这样的函数引用jQuery库，还是只引用涉及".Side"等的jQuery？谢谢

<!DOCTYPE html>
<head>
  <script type="text/javascript" src="code.jquery.com/jquery-1.10.2.min.js"></script>
  <script>
    $(document).ready(function() {
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
          }
          reader.readAsDataURL(input.files[0]);
        }
      }
      $("#imgInp").change(function(){
        readURL(this);
      });
    });
  </script>
</head>
<body>
<form id="form1" runat="server">
  <input type='file' id="imgInp" />
  <img id="blah" src="#" alt="my image" />
</form>
</body>
</html>

你把js放在html页面的哪里？如果你看看这个fiddle，它不起作用，因为我已经选择在头中有js，它将事件附加到一个还不存在的元素。

把js放在身体里，像John S说的一样包起来

<body>
<script type="text/javascript">
  $(function() {
    // js code here
  });
</script>
</body>

此外，请确保包含jquery库！

相关文章：