jquery onclick 没有发生 - Django答案

【问题标题】：jquery onclick not happening - Djangojquery onclick 没有发生 - Django
【发布时间】：2013-08-06 04:23:07
【问题描述】：

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 没有发生。需要帮助。

【问题讨论】：

collectionlist提交按钮是动态生成的吗？
您是将脚本放在document ready 中还是在页面末尾？（或者没有？）
@palaѕн,这是一个静态按钮
@Spokey 不在文档内

标签： javascript jquery django django-models django-forms

【解决方案1】：

可能是以下任一原因

collectionlist元素是动态创建的，这时需要使用事件委托

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

或者你的脚本没有在 dom 上运行

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

【讨论】：