2013-03-23 182 views
-1

當頁面加載第一次時,我加載Jquery.ready javascripts的頁面內容工作完美,然後當我使用Ajax做一些事情,並嘗試再次加載頁面JavaScript不工作在第二頁我嘗試加載。我試圖通過使用live()/on()方法來解決此問題,但它不起作用。加載頁面到div

$(document).ready(function() { 
    $("#grupyonetimarea").load("/Panel/MusteriSourcePages/mus_grup_add.aspx"); 
}); 

$('#btnekleme').live('click', function() { 
    $.ajax({ 
     type: "POST", 
     url: "/Panel/MusteriSource/mus_kisiadd.aspx/mus_kisi_kaydet", 
     data: "{ad:'" + $.trim($("#txtalt_mus_adi").val()) + "'}", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: true, 
     cache: false, 
     before: $("#btnekleme").hide(), 
     success: function (msg) { 
      if (msg.d == "ok") { 
       $("#grupyonetimarea").load("/Panel/MusteriSourcePages/mus_grup_add.aspx"); 
      } else $("#loaded").html(msg.d).show(500); 
     }, 
     error: function (x, e) { 
      alert("The call to the server side failed. " + x.responseText); 
     } 
    }); 
} 

回答

1

live不贊成這樣使用on()委派事件..它委託給最接近的靜態父..(這可能不是問題,但它的安全使用上(),以便將來如果櫃面要更新您的jQuery在不久的將來......)這裏是link,如果你想了解更多關於on()

$(document).on('click','#btnekleme', function() {.. //using closest static parent element is preferred here than the document 

,您可以在AJAX發送數據作爲對象

var inputValue= $.trim($("#txtalt_mus_adi").val()); 
data: {ad:inputValue}, 
+0

**我試圖通過使用實時()/上()方法來解決這個問題,但它沒有工作。** – hjpotter92

+0

沒有ü注意到數據部分..... – bipen

+0

我做。因此,我在評論中提出了特別的引用。你必須提及你也委派了內容。 – hjpotter92

0

非常感謝你的所有答案。我這樣做,我只是做了一個函數,它是kontrolet()時,我運行該函數,它是我想要的好方法。

 $(document).on('click', '#btnekleme', function() { 
        $("#grupyonetimarea").load("/Panel/MusteriSourcePages/mus_grup_add.aspx"); 
       }); 

function kontrolet() { 
     $.ajax({ 
          type: "POST", 
          url: "/Panel/MusteriSource/mus_kisiadd.aspx/mus_kisi_kaydet", 
          data: "{ad:'" + $.trim($("#txtalt_mus_adi").val()) + "'}", 
          contentType: "application/json; charset=utf-8", 
          dataType: "json", 
          async: true, 
          cache: false, 
          before: $("#btnekleme").hide(), 
          success: function (msg) { 
           if (msg.d == "ok") { 
            $("#grupyonetimarea").load("/Panel/MusteriSourcePages/mus_grup_add.aspx"); 
            alert("Kayıt işlemi başarılıdır.!"); 
            TextArealariClearET(); 
            $("#btnekleme").show(); 
           } 
           else 
            $("#loaded").html(msg.d).show(500); 
          }, 
          error: function (x, e) { 
           alert("The call to the server side failed. " + x.responseText); 
          } 
         }); 
     }