jQuery BlockUI没有阻塞<select> </select>

时间:2014-01-13 15:28:43

标签: javascript ajax blockui

我试图在ajax函数填充列表时阻止下拉菜单,然后在完成后解除阻塞。知道为什么它不起作用吗?

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

1 个答案:

答案 0 :(得分:1)

试试这个

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

并将block和unblock调用放在全局ajax方法

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

有关详细信息,请参阅此处的文档http://malsup.com/jquery/block/#element