jQuery的AJAX PHP唯一的工作，一旦

我已經jQuery的jQuery的AJAX PHP唯一的工作，一旦

 $("button#submit").click(function(){ 
      $.ajax({ 
       type: "POST", 
       url: "process.php", 
       data: $('form.contact').serialize(), 
       success: function(msg){ 
       $("#form-content").modal('hide');      
       $("#thanks").html(msg); 
       $("#thanks").delay(2000).fadeOut("slow"); 
       }, 
       error: function(){ 
        alert("failure"); 
       } 
      }); 
     });

和PHP

<?php 
    if (isset($_POST['name'])) { 
    $name = strip_tags($_POST['name']); 
    $email = strip_tags($_POST['Email']); 
    $sug = strip_tags($_POST['sug']); 

    echo "<span class='label label-info'>Your Website has been submitted .. Thank you</span>"; 
}?>

這工作在第一時間和我的顯示頁面上的PHP回聲以下。但是當我再次提交表單時，它不顯示。

來源

2013-04-01 afro360

你$（「＃感謝」）是隱藏 – viclim

它的更好，如果美國可以把它放進一個的jsfiddle – Swarne27

您的$("#thanks") dom被隱藏。

$("button#submit").click(function(){ 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg){ 
      $("#form-content").modal('hide');      
      $("#thanks").html(msg); 
      $("#thanks").show(); <----------------ADD THIS 
      $("#thanks").delay(2000).fadeOut("slow"); 
      }, 
      error: function(){ 
       alert("failure"); 
      } 
     }); 
    });

來源

2013-04-01 04:10:27 viclim

完美，謝謝 – afro360

使用.on()。

$(document).on('click','button#submit',function(){ })

來源

2013-04-01 04:10:32

'on（'click'）'和'click'之間沒有區別。 – undefined

@undefined我害怕兄弟，但有....''（'點擊'）'字作爲委託，並在動態加載的內容上工作。 –

不，這不是'on'用於事件委託，它只是一個常規處理程序。 – undefined

-1

使用這樣

$("button#submit").live('click', function(e) { 
    $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: $('form.contact').serialize(), 
      success: function(msg){ 
      $("#form-content").modal('hide');      
      $("#thanks").html(msg); 
      $("#thanks").delay(2000).fadeOut("slow"); 
      }, 
      error: function(){ 
       alert("failure"); 
      } 
     }); 
    });

檢查區別就在這裏.live和.on jQuery .live() vs .on() method for adding a click event after loading dynamic html

來源

2013-04-01 04:12:40

.live已被棄用。 – itachi

jQuery的AJAX PHP唯一的工作，一旦

回答

相關問題