gpt4 book ai didi

jquery - 关注 JQuery 对话框内容中的文本字段不起作用

转载 作者:行者123 更新时间:2023-12-01 06:03:34 28 4
gpt4 key购买 nike

我在强制关注动态生成的 JQuery 对话框内容中的文本字段时遇到问题。我已经在 google 上搜索过这一点,似乎如果 Jquery 对话框设置为模式,JQuery 将“窃取”文档级别的焦点。老实说,我不太明白这意味着什么:P,但如果有人对我的问题有任何解决方法,我将不胜感激。下面是我的 Jquery 对话框的代码片段。

    $.post(URI, Params, function(data){
$("<div id='MyModal'></div>").html(data).dialog({
show: "blind",
width:1000,
height:600,
title:"My Modal",
resizable: false,
modal: true,
draggable:false,
position:['center','center'],
buttons: {
"Close": function() {
//window.console.log('Close button clicked');
$(this).dialog("close");
},
},

// Onclose callback
close:function(){
// Close modal
CloseDiaryModal();
}
// End onclose callback
})
// Add styling to button widgets
.dialog("widget")
.find(".ui-dialog-buttonset").css({'float': 'left', 'width': '100%'}).end()
.find(".ui-dialog-buttonset button")
.eq(0).css({'float': 'left', 'margin-left': '10px'}).end()
.eq(0).attr('id', 'CloseBtn').end()
})
.complete(function() {
// Set focus
$("#SearchField").focus();
});
// End modal function

我已尝试添加以下选项,但仍然不起作用。 ATM,您可以看到光标闪烁约 1 秒,然后失去焦点。无法弄清楚为什么会发生这种情况。谢谢并希望有人能帮助我。

focus:function(event, ui) { 
$("#SearchLastName").focus();
},
open:function(event, ui) {
$('#SearchLastName').focus();
},

最佳答案

我认为更多的是关于何时将内容添加到模式对话框中。确保对话框已成功加载后,尝试将焦点设置在文本字段上:

$('some selector').dialog({
bgiframe: true,
open: function() {
$('./*your element*/'.focus();
},
beforeclose: function(event, ui) { /* your code */ }
});

这将确保仅在打开对话框后尝试执行焦点。

关于jquery - 关注 JQuery 对话框内容中的文本字段不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8797220/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com