2016-04-14 83 views
0

我有這樣的模式和SaveChangesofCollectorID ID模態按鈕不火的單擊事件

<div class="modal fade" id="mymodal" role="dialog" > 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <input id="ToDate" name="ToDate" readonly="readonly"/> 

      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal" style="width:40px;">no</button> 
       <button id="SaveChangesofCollectorID" data-dismiss="modal" type="button" class="btn btn-default" style="width:40px;">yes</button> 
      </div> 
      </div> 

     </div> 

它不火的事件 ,或只是觸發第一個警報, 即使我刪除數據 - 駁回= 「莫代爾」 ,這裏是我的實驗

 $("#SaveChangesofCollectorID").click(function() { 
      alert("inserted here"); 
      $.ajax({ 
       type: "POST", 
       url: "UnloadingCalendar.aspx/SaveChangesofCollector", 
       data: JSON.stringify({ CollectorID: CollectorID, FromDate: startday, ToDate: EndDate, DaysCount: countdays }), 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (result) { 

        OpenConfirmationModal(); 
       }, 
       error: function (msg) { 
        alert(msg.d); 
       }, 
       complete: function() { 

       } 
      }); 


     }); 

    </div> 
+0

爲什麼你的腳本中有div標籤嗎? js是否與你的html內聯? – code4pi

+0

是的,它與我的html內聯 –

回答

0

這裏是工作提琴:https://jsfiddle.net/code4pi/6rvd073L/

沒有什麼不對您的代碼,你只需要來包裝你的js腳本中的標籤,如果你打算把它內聯(或更好,但移動JS到自己的文件):

<script> 
    $("#SaveChangesofCollectorID").click(function() { 
     alert("inserted here"); 
     $.ajax({ 
      type: "POST", 
      url: "UnloadingCalendar.aspx/SaveChangesofCollector", 
      data: JSON.stringify({ CollectorID: CollectorID, FromDate: startday, ToDate: EndDate, DaysCount: countdays }), 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (result) { 

       OpenConfirmationModal(); 
      }, 
      error: function (msg) { 
       alert(msg.d); 
      }, 
      complete: function() { 

      } 
     }); 


    }); 
</script>