Обновить код с помощью JQuery/AJAX после частичного просмотра MVC

Question

Используя следующую функцию JQuery/AJAX, я вызываю частичный вид, когда параметр изменен в combobox с именем «ReportedIssue», который также находится в частичном представлении. Он называется «tableContent».

<script type="text/javascript"> 
    $(function() { 
     $('#ReportedIssue') 
     .change(function() { 
      var styleValue = $(this).val(); 
      $('#tableContent').load(
      '/CurReport/TableResults', 
      { style: styleValue } 
     ); 
     }) 
     .change(); 
    }); 
</script> 

Моя проблема в том, что после перехода на частичный вид я теряю ссылку на javascript. Я думаю, что я должен использовать JQuery «.live()», но я не уверен.

Вкратце, я хочу восстановить связь между моим JavaScript и моим полем со списком и после включения HTML-кода частичного просмотра.

Я надеюсь, что я веду себя достаточно ясно,

Аарону

Answer 1

Этот ответ осуждается см Mike's answer

---

Начиная с jQuery 1.4 вы можете использовать th e live обработчик с событием изменения. Просто измените свой код, чтобы работать с ним. Если вы застряли в более ранней версии jQuery, вам нужно повторно применить обработчик в обратном вызове AJAX.

$(function() { 
    $('#ReportedIssue').live('change', function() { 
     var styleValue = $(this).val(); 
     $('#tableContent').load( 
      '/CurReport/TableResults', 
      { style: styleValue } 
    ); 
    }) 
}); 

Answer 2

Да, вы должны использовать в прямом эфире():

$('#ReportedIssue').live('click', function() { 

Answer 3

Поскольку .live() теперь устарел. Используйте .on(). Или, в моем обратном обращении к успеху, я просто сделал .load() $('#container').load('index.php', '#right'); Работал как шарм.