Частичное событие Щелчком не срабатывают

Question

My * .aspx страницы (главная страница):

function getEmployeeHours(employeeId,year,month) { 
$('#clocked-details').load('/Employees/GetEmployeeClockedHours/',{ 'employeeId': employeeId,'year': year,'month': month }); 
    }; 

Мой частичный вид * .ascx:

<td> 
    <button id="btnSave" type="button" class="actionButton"> 
    Save</button> 
    </td> 

Как и выше фрагмент кода Мне нужно Хороший доступ частичный вид btnSave с основного вида на событие click click.

Я написал ниже код внутри основного вида.

$('#btnSave').off('click').on('click', function() { 

     var yearValue = $("#year").val(); 
     var monthValue = $("#month").val(); 

     $.ajax({ 
      url: "/Employees/UpdateEmployeeClockedHoursByProvider", 
      type: 'POST', 
      cache: false, 
      data: { employeeId: employeeId, year: yearValue, month: monthValue }, 
      success: function (result) { 

      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       alert(xhr.status); 
       alert(thrownError); 
      } 
     }); 

     return false; 
    }); 

Но это не fire.Here Я использую нагрузки метод Jquery, чтобы загрузить мой частичный вид асинхронно.

Итак, мой вопрос: как я должен запускать событие щелчка частичного просмотра?

Answer 1

Поскольку UserControl containging кнопку загружается динамически, вы можете использовать ("#btnSave").live("click"){...} событие JQuery при сохранении сценария в главном окне, которое может отслеживать элементы управления добавляются к DOM в будущем. Таким образом, всякий раз, когда появляется контроль, соответствующий указанному селектору для «live (..)», событие автоматически подключается.

Надеюсь, это поможет вам.

Answer 2

Поскольку ваш html загружается на страницу динамически, вам нужно будет предоставить больше контекста вашему запросу DOM.

Попробуйте это.

$(document).on('click', '#bntSave', function(){ 
    //do stuff 
});