Jquery BlockUI未解除阻止

我已经盯着这个看了好几个小时了，我不明白这到底为什么不起作用，我承认我的JS不是一流的，但对我来说这看起来是对的

基本上，当我点击blockui时，它会显示得很好，但它永远不会消失！减少下面代码的版本

$(document).ready(function() {
    $("#formdata").toggle();
    $(function() {
        $( "#datepick" ).datepicker();$("#datepick").datepicker({
            dateFormat: "yyyy-mm-dd" });
    });
    $(document).ajaxStart(function() {
        $.blockUI({message: '<h1>Retrieving data</h1>'})
    });
    $(document).ajaxStop(function() {
        $.unblockUI();
    });
});

    $(".button").click(function() {  
    var dataString = $("myform").serialize();

    $.ajax({  
        type: "POST",  
        url: "employerformdata.php",  
        data: dataString,  
        success: function(data) {
            $("submitresult").html(data);
        }
    });
});

$（文档）.ready（函数（）{
$（“#formdata”）.toggle（）；
$（函数（）{
$（“#datepick”）.datepicker（）；$（“#datepick”）.datepicker({
日期格式：“yyyy-mm-dd”}）；
});
$（文档）.ajaxStart（函数（）{
$.blockUI（{消息：'正在检索数据'}）
});
$（文档）.ajaxStop（函数（）{
$.unbui（）；
});
});
$（“.button”）。单击（函数（）{
var dataString=$（“myform”）.serialize（）；
$.ajax（{
类型：“POST”，
url:“employerformdata.php”，
数据：dataString，
成功：功能（数据）{
$（“submitresult”）.html（数据）；
}
});
});

我对您的代码做了一些修改，并在JSFIDLE中对其进行了测试

   $(document).ready(function() {
        $("#formdata").toggle();
        $(function() {
            $("#datepick").datepicker();
            $("#datepick").datepicker({
                dateFormat: "yyyy-mm-dd"
            });
        });   

     $(document).ajaxStart(function() {
            $.blockUI({ css: { 
                border: 'none', 
                padding: '15px', 
                backgroundColor: '#000', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .5, 
                color: '#fff' 
            },message: 'Posting data...'})
        });

    $(document).ajaxStop(function() {
        $.unblockUI();
    });
});
$(".button").click(function() {
    var dataString = $("myform").serialize();

    $.ajax({
        type: "POST",
        url: "employerformdata.php",
        data: dataString,
        success: function(data) {
            $("submitresult").html(data);
        }
    });

});​

---

正如你在这里看到的，一切都很好。我怀疑后处理有问题。尝试在开发人员工具中调试。

我对您的代码进行了一些修改，并在JSFIDLE中对其进行了测试

   $(document).ready(function() {
        $("#formdata").toggle();
        $(function() {
            $("#datepick").datepicker();
            $("#datepick").datepicker({
                dateFormat: "yyyy-mm-dd"
            });
        });   

     $(document).ajaxStart(function() {
            $.blockUI({ css: { 
                border: 'none', 
                padding: '15px', 
                backgroundColor: '#000', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: .5, 
                color: '#fff' 
            },message: 'Posting data...'})
        });

    $(document).ajaxStop(function() {
        $.unblockUI();
    });
});
$(".button").click(function() {
    var dataString = $("myform").serialize();

    $.ajax({
        type: "POST",
        url: "employerformdata.php",
        data: dataString,
        success: function(data) {
            $("submitresult").html(data);
        }
    });

});​

---

正如你在这里看到的，一切都很好。我怀疑后处理有问题。尝试在开发人员工具中调试。

ajaxComplete函数取消阻止用户界面

---

参考

ajaxComplete函数以解除对UI的阻止

---

参考资料

很抱歉，我把格式搞砸了！对不起，我把格式弄错了！如果这是两天内第二次，blockUI教程说ajaxStop，谢谢穆罕默德。如果这是两天内第二次，blockUI教程说ajaxStop，谢谢穆罕默德。我希望我能在这里分分数，但穆罕默德的回答在技术上是正确的，谢谢，尽管我可以在这里分分数，但是，穆罕默德的回答在技术上是正确的，不过还是要感谢普鲁比