javascript - jquery onclick 没有发生 - Django

Question

js：

$(".collectionlist").click(function() {
        alert('alert')       
        $.ajax({ 
            data:{
                csrfmiddlewaretoken: csrf_token,
                collection:('{{collection}}')                               
            },
            type:'POST',
            url: '/collect/', 
            cache:false,            
            success: function(response) { 
            return true;                        
            }
        });
      });

html:

<form action="." method="POST">{% csrf_token %}
<div id="report-collect">
    <button type="submit" class="collectionlist" >Save-Spreadsheet <img src="{{ STATIC_URL }}images/button-icon-ir-fwd.png" width="12" height="17" alt="" /></button>
</form>
</div>

对于按钮，我已经给出了一个类名，编写了一个 jquery 函数来通过 ajax 调用文件。问题是 jquery 函数没有被调用，我更改了类名并尝试了。用警报消息尝试，警报没有发出。Onclick 是没有发生。需要帮助。

Answer 1

可能是由于以下任一原因

元素是动态创建的collectionlist，那么你需要使用事件委托

$(document).on('click', '.collectionlist', function(){
    ....
})

或者你的脚本没有在 dom 上运行准备就绪

jQuery(function($){
    $(".collectionlist").click(function() {
        ....
    });
})