Использование jquery из частичного представления, полученного с jquery-ui tabs

Question

У меня есть страница с вкладками на ней с помощью jquery-ui. Вкладки загружаются через ajax.

@foreach (var data in Model) 
{ 
      <li role="presentation"> 
       <a role="tab" data-toggle="tab" href='@Url.Action("Detail", "Changes", new { grouping = data.Grouping })'>@data.Name<br /> (@data.Type)</a> 
      </li> 
} 

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

Частичный вид

@section Scripts{ 
    <script> 
     $(function() { 
      $("#btnKeepCurrent").click(function() { 
       alert("Keep Current"); 

       return false; 
      }); 

      $("#btnAcceptNew").click(function() { 
       alert("Accept New"); 

       return false; 
      }); 
     }); 
    </script> 
} 

<input class="btn btn-primary" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" /> 

<input class="btn btn-primary" type="button" value="Accept New" name="btnAcceptNew" id="btnAcceptNew" /> 

Answer 1

набор onlick атрибутов на этих входах, потому что, как вы делаете сейчас:

$(function() { 
//set on click here 
} 

эта функция вызывается документ готов, но так как вкладки загружается эта используя ajax, эта функция не будет вызываться никогда.

так вместо этого:

<input class="btn btn-primary" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" /> 

попробовать это:

<input class="btn btn-primary" onclick="alert('put your function call insead of this alert')" type="button" value="Keep Current" name="btnKeepCurrent" id="btnKeepCurrent" />