Question

我试图让这个例子有效：Preview an image before it is uploaded

我将代码简化为：

<script type="text/javascript">
    $("#imgInp").change(function () {
        alert('changed');
    });
</script>

</head>

<body>
    <form id="form1" runat="server">
        <input type='file' id="imgInp" />
        <img id="blah" src="#" alt="your image" />
    </form>
</body>

问题是imgInp上的更改功能没有被触发。我已经尝试了一百万件事，但无法让它发挥作用。我错过了什么？

...谢谢

Answer 1

您需要将代码包装在DOM中：

$(function(){
  $("#imgInp").change(function () {
    alert('changed');
 });
})

Answer 2

您需要将其放在document.ready function ...

中

<script type="text/javascript">
$(document).ready(function(){
    $("#imgInp").change(function () {
    alert('changed');
});
});
</script>

Answer 3

<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).on("change","#imgInp",function(){
        alert('changed');
    });

    </script>

JQuery onchange事件不会触发

3 个答案: