ajax选择性不起作用

时间:2014-11-01 13:17:54

标签: javascript jquery ajax asp.net-mvc

(function(){$(' .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");

                         },
                     })
                 });
             });
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

此代码存在一些问题:

  • $(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");
                 },
             });
         });