Question

我有一个模式可以显示一个表单，还有两个按钮：＆＃39; new＆＃39;和＆＃39;编辑＆＃39;

＆＃39;新＆＃39;按钮：

<button class="btn btn-default" data-toggle="modal" data-target="#POPProduct">NEW</button>

＆＃39;编辑＆＃39;按钮：

<a class="btn btn-xs btn-primary edit-product" href="http://domain.com/product/#POPProduct" data-id="10498f" data-toggle="modal">EDIT</a>

当我点击编辑

时，我使用ajax从db加载数据

$(document).on("click", ".edit-product", function () {
    var uid = $(this).data('id');
    $('#POPProduct').off('shown.bs.modal').on('shown.bs.modal',function(e) {
        utilst.ViewPopEditProduct(uid);
    });
});

var utilst = {};
(function ($) {

    $.ajaxSetup({"error":function(XMLHttpRequest,textStatus, errorThrown) {
        alert(textStatus);
        alert(errorThrown);
        alert(XMLHttpRequest.responseText);
    }});

    utilst.ViewPopEditProduct =  function ViewPopEditProduct(uid) {
        var data={uid:uid};
        $.ajax({
            type:"GET",
            datatype:"json",
            url:"",
            data:data,
            cache:false,
            success: function(data) {
                data = JSON.parse( data );
                $('#product_name').val(data.name);

                $('#POPProduct').trigger("reset");
                $(".edit-product").unbind("click", ViewPopEditProduct);
            }
        });
    return false;
};

})(jQuery, window, document);

这个模态

<!-- Modal -->
<div class="modal fade" id="POPProduct" role="dialog">
    <div class="modal-dialog">
        .....
    </div>
</div>

如果我点击“＆＃39; new＆＃39;页面加载后按钮，但点击“编辑”后停止工作按钮。知道如何解决这个问题吗？

谢谢

Answer 1

可能是因为您使用 .off（）删除了事件 shown.bs.modal 所以当您使用 .on（）时< strong> shown.bs.modal 已被删除。

如何停止ajax成功后获取网址

1 个答案: