文章/答案/技术大牛

发布

社区首页 >问答首页 >在ajax调用的jquery对话框中未选中单选按钮

问在ajax调用的jquery对话框中未选中单选按钮
EN

Stack Overflow用户

提问于 2012-02-03 02:35:19

回答 1查看 1.2K关注 0票数 2

我这里有个问题。我有一个jquery模式对话框，其中有两个单选按钮。在我的代码中，我有jQuery、ajaxStart和ajaxStop处理程序来检查Ajax请求(我还弹出了另一个jquery对话框来显示加载.当有一个Ajax请求正在执行时，消息或其他东西)。当我选择每个单选按钮时，就会发出一个ajax请求。我遇到的问题是，由于ajax事件(ajaxStart，ajaxStop)，当我单击单选按钮时，没有选择它们(尽管我获得了单选按钮的正确值)。知道是什么导致的吗？

你可以看到我用这个小提琴表示什么的例子

谢谢

javascript

jquery

ajax

jquery-ui

jquery-dialog

回答 1

Stack Overflow用户

发布于 2012-02-03 11:09:20

问题似乎来自于modal: true对话框的#ajax-dialog选项。如果将选项设置为false，则该选项将按预期工作。升级到最新版本的jquery和jquery似乎没有解决问题。

解决方案1

将模态选项设置为false。

$('#ajax-dialog').dialog({
    autoOpen: false,
    modal: false, // set to false
    title: 'Loading...'
});

演示

解决方案2

您可以使用插件BlockUI，它允许阻塞整个页面或特定元素。它的工作方式是显示一个覆盖div (在页面或元素上)，禁止与底层内容进行任何交互。您可以显示一条消息并自定义外观。

阻塞对话框内容(用无线电台框)：

$("#ajax-dialog").ajaxStart(function() {
    $('#gender-dialog').block({ 
            message: '<h1>Loading...</h1>', 
            css: { border: '3px solid #a00' } 
        }); 
});

$("#ajax-dialog").ajaxStop(function() {
    $('#gender-dialog').unblock(); 
});

演示

阻塞整页：

$("#ajax-dialog").ajaxStart(function() {
    $.blockUI({ message: '<h1>Loading...</h1>', baseZ: 2000 });  
});

$("#ajax-dialog").ajaxStop(function() {
    $.unblockUI();
});

请注意选项baseZ在本例中，这是覆盖层的z索引，默认值为1000。将其设置为比对话框更高的内容来覆盖它。

演示

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9122978

复制

相似问题

问在ajax调用的jquery对话框中未选中单选按钮
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ajax调用的jquery对话框中未选中单选按钮EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ajax调用的jquery对话框中未选中单选按钮
EN