Question

如何在数据成功发布和显示后调用jQuery函数。示例如下，

<script>
$(document).ready(function(){

    $("#pr_no").change(function(){
        var pr_no = $('#pr_no').val();  

        $.post('../view-detail-purchase-pdf.php',
        {
            pr_no : pr_no
        }, function(data) {
            $('#result').html('<a href="../view-detail-purchase-pdf.php?pr_no=' + pr_no + '" class="popupwindow">' + pr_no + '</a>');
        })

    }); 

});
</script>

在$('#result')上div是一个链接，如果使用具有class="popupwindow"的jQuery插件进行点击，则会启用弹出窗口。我该如何使它发挥作用。

Answer 1

var jqxhr = $.ajax( "example.php" )
  .done(function() {
    alert( "success" ); // this is what you may be looking for
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "complete" );
  });

Answer 2

由于链接是动态添加的，因此您需要为弹出窗口委派click事件

$('body').on('click','.popupwindow',function(){
// code for showing the popup window
});

或者如果你有一个插件，你可以在成功函数中定义它

$.post('../view-detail-purchase-pdf.php',
        {
            pr_no : pr_no
        }, function(data) {
            $('#result').html('<a href="../view-detail-purchase-pdf.php?pr_no=' + pr_no + '" class="popupwindow">' + pr_no + '</a>');
           $('.popupwindow').initPopup();//initiate your popup after appending the element on the page;
        })

POST后调用函数

2 个答案: