ajax selective not work

Question

(функция() {$ ('. KisiSilici'). Click (function() { не работает .click, .on, .live, это моя попытка, но не работа. Спасибо за вашу помощь .

может быть, это потому, что я заполнить таблицу с помощью AJAX

$(document).ready(function Kisilertabs() { 
 
       $(function() { 
 
        $("#tabs").tabs(); 
 
       }); 
 
       var id = @Model.ID.ToString() 
 
       $.ajax({ 
 
        url: '@Url.Action("Kisiler", "Cihazlar")', 
 
        type: "get", 
 
        contentType: "application/json; charset=utf-8", 
 
        data: { data: id }, 
 
        dataType: "json", 
 
        success: function (data) { 
 
         var row = "<tr><th width='70'>S. No</th><th width='220'> Adı </th><th width='220'>Soyadı</th><th>Sicil No</th><hr/></tr>"; 
 
         $.each(data, function (index, item) { 
 
          row += "<tr id='" + item.ID + "'><td>" + item.ID + "</td ><td>" + item.Adi + "</td><td>" + item.Soyadi + "</td><td>" + item.Sicil + "</td><td><a href='/Kullanicilar/Details/" + item.ID + "'><img width='15' src='../../Content/images/Detay.png'></a></td><td><input id='Kisisec' value='" + item.ID + "' class='KisiSilici' type='image' width='20' src='../../content/images/sil.png' /></td></tr><hr />"; 
 
         }); 
 
         $("#Kisiler").html(row); 
 
        }, 
 
        error: function (result) { 
 
         alert("Error"); 
 
        } 
 

 
       }) 
 
      }); 
 
      $(function problem() { 
 
       $('.KisiSilici').click(function() { 
 
        var ip = ""; 
 
        $.ajax({ 
 
         url: '@Url.Action("KisilerSil", "tabs")', 
 
         type: "POST", 
 
         data: { data: ip }, 
 
         success: function (data) { 
 
          var row = "<p>" + data + "</p>"; 
 
          $("#CihazKontrol").prepend(row); 
 
         }, 
 
         error: function (result) { 
 
          alert("Error"); 
 

 
         }, 
 
        }) 
 
       }); 
 
      });

Answer 1

Есть несколько проблем с этим кодом:

• $(document).ready(...) точно такой же, как $(...), поэтому использование $(...) внутри $(document).ready(...) не имеет никакого смысла. Вы можете потерять $(...).

• problem имя анонимной функции дает нам ошибку. Функция используется в качестве аргументов призваны быть анонимным или просто ссылки (имена) к другим функциям, так что вы можете сделать это следующим образом:

  $(function() { 
      //do smth 
  }); 
  

или это:

function do(){ 
     //do smth 
    } 
    $(do); 

Так код , как я это вижу, должно выглядеть следующим образом: (это трудно сказать свою точку здесь)

 $(document).ready(function Kisilertabs() { 
      $("#tabs").tabs(); 
      var id = @Model.ID.ToString() 
      $.ajax({ 
       url: '@Url.Action("Kisiler", "Cihazlar")', 
       type: "get", 
       contentType: "application/json; charset=utf-8", 
       data: { data: id }, 
       dataType: "json", 
       success: function (data) { 
        var row = "<tr><th width='70'>S. No</th><th width='220'> Adı </th><th width='220'>Soyadı</th><th>Sicil No</th><hr/></tr>"; 
        $.each(data, function (index, item) { 
         row += "<tr id='" + item.ID + "'><td>" + item.ID + "</td ><td>" + item.Adi + "</td><td>" + item.Soyadi + "</td><td>" + item.Sicil + "</td><td><a href='/Kullanicilar/Details/" + item.ID + "'><img width='15' src='../../Content/images/Detay.png'></a></td><td><input id='Kisisec' value='" + item.ID + "' class='KisiSilici' type='image' width='20' src='../../content/images/sil.png' /></td></tr><hr />"; 
        }); 
        $("#Kisiler").html(row); 
       }, 
       error: function (result) { 
        alert("Error"); 
       } 

      }) 
     }); 

     $('.KisiSilici').click(function() { 
      var ip = ""; 
      $.ajax({ 
       url: '@Url.Action("KisilerSil", "tabs")', 
       type: "POST", 
       data: { data: ip }, 
       success: function (data) { 
        var row = "<p>" + data + "</p>"; 
        $("#CihazKontrol").prepend(row); 
       }, 
       error: function (result) { 
        alert("Error"); 
       }, 
      }); 
     });