jQuery 函数在 AJAX 数据返回上不起作用

jQuery functions not working on AJAX data return

本文关键字：返回 不起作用 数据 AJAX 函数 jQuery      更新时间：2023-09-26

我有一个脚本 im 编写，它使用 AJAX 将一条记录插入我的数据库。

完成此操作后，数据将按原样回发...

 Print "<li>"; 
         Print "<span class='cost'>".$bill . "</span> ";
         Print "<h4 class='bill-name'>".$$billname . "</h4> ";
         Print "<p class='bill-details'><span class='bill-category'>".$billdescription . "</span> "; 
         Print "<span class='bill-description'>". $billcolour . "</span></p>"; 
     echo "<a href='#' class='edit-bill'>edit</a> 
         <form class='bill-upd'>
         <input type='hidden' value='".$rand."' name='rand2' id='rand2'>
            <input type='hidden' value='". $billname."' name='billid' id='billid''>
            Total <input type='text' id='total' name='total' /><br />
            Bill name<input type='text' id='bill-name' name='bill-name' /><br />
           bill descriptiion <input type='text' id='bill-description' name='bill-description' /><br />
            bill colour<input type='text' id='bill-colour' name='bill-colour' />
        <input type='button' value='submit' onClick='updateBill();' />
        </form>   
         <form class='delete-bill'>
             <input type='hidden' value='".$info['rand']."' name='rand2' id='rand2'>
        <input type='button' value='delete' class='delete' />
        </form>   
         "; 
         echo "</li>";

页面上当前表单在相同的标记中使用 jQuery 函数，例如分配给"编辑"的 slideToggle（），该函数在其下方显示表单。但是，我的问题是这个jQuery不适用于返回的数据，我已经尝试过谷歌但无法弄清楚，有人知道吗？

j查询编辑功能...

// Show bill edit information 
$('.edit-bill').click(function(){
    $(this).next('.bill-upd').slideToggle();
    return false;
                           });

阿贾克斯

function insertBill()
{
    $.post('insert_bill.php', $('#insertbill').serialize(), 
        function(data) {
        $('#bills').append(data);
    });
};

或者你可以从

$('.edit-bill').click(function(){
    $(this).next('.bill-upd').slideToggle();
    return false;
});

自

$('.edit-bill').on("click",".edit-bill",function(){
    $(this).next('.bill-upd').slideToggle();
    return false;
});

更改此内容

$('.edit-bill').click(function(){
    $(this).next('.bill-upd').slideToggle();
    return false;
});

自 

$(document).on("click",".edit-bill",function(){
    $(this).next('.bill-upd').slideToggle();
    return false;
});

http://api.jquery.com/on/

on将适用于当前元素和未来元素（通过 ajax 左右加载......

on 可从 jQuery 1.7+ 获得。如果您使用的是以前版本的 jQuery，请考虑使用 live

相关文章：