在jquery和jscroll下執行PHP腳本

Question

在jquery和jscroll下執行PHP腳本

我已經搜索了一個答案，但是找不到答案，或者我無法提出正確的問題...

這是問題所在：

1. 我已經根據來自http://jscroll.com/的代碼實現了無限滾動-效果很好
2. 我實現了jquery來刪除行而不刷新頁面，它也可以工作，但僅在包含jquery代碼的第一頁上起作用。 當頁面通過jscroll擴展時，jquery某種程度上是不可見的，並且不起作用。
3. 我確實掌握了有關javascript和jquery的基本知識，所以我很高興有人可以以代碼更正的形式為我提供解決方案。

這是jQuery代碼：

$(document).ready(function() {
   $("form[class=delMsg]").submit(function() {
      var  formID = $(this).attr('id');
      var formDetails = $('#'+formID);

      $.ajax({
        type: "POST",
        url: 'del.php',
        data: formDetails.serialize(),
        success: function (data) {    
            $('#wynik_'+formID).html(data);
        },
        error: function(jqXHR, text, error){
            $('#wynik_'+formID).html(error);   
        }
      });

      return false;
   });
});

Answer 1

如果要動態添加帶有class delMsg form ，則需要

替換下面的代碼

$("form[class=delMsg]").submit(function() {

與此嘗試

$(document).on('submit', "form[class=delMsg]", function() { // Instead of document use the container id or class in which you are adding dynamic content

例：

的HTML

<div id="container">
    <form class="delMsg">
        <input type="submit" value="Submit 0"/>
    </form>
</div>
<button id="add-form">Add Form</button>

JS

$(document).ready(function() {
    $(document).on('submit', "form[class=delMsg]", function() {
        alert('form ' + $("form[class=delMsg]").index($(this)));
        return false;
    });

    $('#add-form').click(function() {
        $('#container').append('<form class="delMsg"><input type="submit" value="Submit ' + ($("form[class=delMsg]").length) +  '"></form>');
    });
});

演示鏈接

Answer 2

它終於可以工作了，而且效果很好！！！ 所以...非常感謝您的幫助:)我想解釋一下為什么它第一次不起作用。 經過細致的調查，我發現，如果我在頁面代碼的前面將這個表單定義放在其他表單定義（具有不同的ID，類和用於其他目的）之前，它將開始工作。 我還發現這兩種形式是一個div的主題，但是第一種形式是以一種奇怪的方式定義的，例如： <from class=comment><div class=table_r><input type=submit></form><form class=delMsg><input type=submit></form></div>因此，第一個表單的定義不在此div本身之外。 當我在div內移動<form class=comment> ，它就開始那樣工作:)也許您會知道為什么這樣做如此-對我來說，這是一種魔術:)

再次感謝！