2014-01-13 3 views
1

Я пытаюсь, чтобы выпадающее меню было заблокировано, а функция ajax заполняет список, а затем разблокирует себя, как только это будет сделано. Любая идея, почему она не работает?jQuery BlockUI не блокируется <select>

<script src="/Common/jquery.blockUI.js"></script> 

      function handleMoreResults (responseObj) { 
       $("#dimensionId").html(responseObj.DimensionValueListItem.map(function(item) { 
        return $('<option>').text(item.dimensionValueDisplayName)[0]; 
       })); 
      } 

      function getMoreData() 
      { 
       jQuery.ajax({ 
        url: GetDimensionValues, 
        type: "GET", 
        dataType: "json", 
        beforeSend: function() { 
         $.blockUI(); 
        }, 
        success: function (data) { 
         object = data; 
         handleMoreResults (data); 
        }, 
        complete: function() { 
         $.unblockUI(); 
        } 
       }); 
      } 
+0

работает для меня: http://jsfiddle.net/8GnXZ/ –

+0

Как выглядит ваш HTML-код? Как вы называете 'getMoreData()'? –

+0

Функция GetMoreData() вызывается в функции onchange для первого раскрывающегося меню – Xenyal

ответ

1

попробовать этот

$('select').block({ 
       message: '<h1>Processing</h1>', 
       css: { border: '3px solid #a00' } 
      }); 

и поместите блок и разблокирование вызова в глобальных методах АЯКСА

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); 

для получения дополнительной информации смотрите документацию здесь http://malsup.com/jquery/block/#element

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