选择动态创建的元素，不工作

Question

我知道你必须使用委托来选择动态创建的元素和jquery所以我用过这个：

$(".form_wrapper").on('change', '#imageSelect', function(){

然而，这不起作用，并且在更改#imageSelect时未执行此功能。

标记有点像这样，但为了简单起见，我已经采取了一些措施。

<div class="form_wrapper" id="upload">
    <form action="..." method="post" id="audioUpload" enctype="multipart/form-data">...</form>
    <form action="..." id="imageUpload" method="post" enctype="multipart/form-data">    
        <input type="file" name="img" value="Select an image" id="imageSelect" class="buttonClassic">   
        <input type="hidden" name="purpose" value="track">  
        <input type="submit">   
    </form>
</div>

Answer 1

您需要将jQuery设置逻辑包装在document.ready函数中。像这样：

$(document).ready(function(){
    // Setup logic goes here
});

还要确保在上面的脚本之前已经在页面上包含了jQuery脚本。