2013-08-05 8 views
0

JS:的jQuery的onclick沒有發生 - Django的

$(".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.The問題調用文件是jQuery的功能沒有被調用,我改變了類的名稱,並試圖使用警告消息,警告不會通知。單擊不會發生。需要幫助。

+2

動態生成'collectionlist'提交按鈕嗎? –

+0

您是將腳本放在「文檔準備好」還是頁面末尾? (或沒有這些?) – Spokey

+0

@pala畲,它是一個靜態按鈕 – Royal

回答

3

這可能是因爲collectionlist元素是動態創建的,原因如下

任何一個,那麼你需要使用事件代表團

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

或者你的腳本是不是在DOM準備

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