Question

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

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

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

.change

我昨天在代码中使用它，但它也没有运行得太好。我研究并发现：

.bind('change',function)

但我的实现也没有用。有人有任何想法吗？超级烦人！

附带问题：我是否需要为这样的函数引用jQuery库，或者仅仅涉及像“.slide”等的jQueries？谢谢！

<!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>

Answer 1

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

将js放入体内并像John S所说的那样包裹

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

另外，请确保包含jquery库！

从工作jsfiddle复制到本地环境时，jQuery和其他JS没有运行？

1 个答案: