2012-06-05 3 views
1

Я смотрел на это за ЧАСЫ, и я не понимаю, почему на земле это не работает, я признаюсь, что мой 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); 
     } 
    }); 
}); 
+0

К сожалению о форматировании, кажется я перепутались, что один вверх! –

ответ

1

ajaxComplete функция разблокировать пользовательский интерфейс

ссылочный http://docs.jquery.com/Ajax_Events

+0

Oof это второй раз за два дня, в учебнике blockUI говорится, что ajaxStop, спасибо Мухаммаду. –

+0

Добро пожаловать :) –

0

Я немного изменил ваш код и протестировал его в 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/. Я подозреваю, что есть проблема с действием POST. Попробуйте отладить инструменты разработчика.

+0

Жаль, что я мог бы разделить точки здесь, но ответ Мухаммеда был технически правильным, спасибо, хотя Plurby –

+0

Рад, что вы разобрали его. –

Смежные вопросы