Question

我有一个网格，当我更改其排序顺序时，我会在网格区域上显示加载消息，并像其他模态弹出窗口一样阻止其内容，但仅限于网格区域是否有任何可用的jquery模式弹出窗口满足我的需求？我可以配置jqueryUI模式来执行此操作吗？

Answer 1

您正在寻找jQuery BlockUI，这是一个jQuery插件，可以在加载时阻止页面或元素。

Answer 2

是的，jquery UI模式可以做到这一点

Answer 3

使用jQuery UI非常容易。使用ajaxStart和ajaxStop函数，您甚至可以设置对话框并忘记它，并且每次在页面上使用ajax请求时它都会出现。这是一个简单的例子：

$('#ajax-load').html('<p><img src="images/ajax-loader.gif">').dialog({
  autoOpen: false,
  draggable: false,
  modal: true,
  position: 'center',
  resizable: false,
  closeOnEscape: false,
  open: function(event, ui) {
    return $(".ui-dialog-titlebar-close", $(this).parent()).hide(); //hide the close button
  }
}).ajaxStart(function() {
  return $(this).dialog('open');
}).ajaxStop(function() {
  return $(this).dialog('close');
});

编辑：哦，你想要它在特定的地区。这应该是可能的，但我不知道如何做到这一点。 I帧？ ; - ）

特定区域的JQuery模式弹出窗口

3 个答案: