阻止UI无法解锁

Question

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

基本上，当我单击块时，块界面会很好，但它永远不会消失！下面代码的精简版本...

$(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);
        }
    });
});

Answer 1

ajax完成函数来解锁UI

参考 http://docs.jquery.com/Ajax_Events

Answer 2

我修改了一些你的代码并在jsfiddle中对其进行了测试。

   $(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);
        }
    });
});​

正如你在这里看到的 http://jsfiddle.net/WmQFt/，一切都很好。我怀疑开机自检操作有问题。尝试在开发人员工具中进行调试。