- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我以为这会很简单。只是
...
onShow:function(dialog){
dialog.data.find("input#myInput").focus();
}
...
但似乎不起作用。
与SimpleModal的focus()函数有冲突吗?
我注意到,如果我在 onShow 函数中放置一个alert(),它会在模态可见之前弹出。有没有办法在显示模式后调用函数(即 focus()),但无需用户输入(无需用户触发某种事件)?
此外,当我尝试使用 simplemodal 时
focus:true
与dialog.data =
'<div class="myModal login">'+
'<div class="modalTitle">Title</div>'+
'<div class="modalContent">'+
'<label for="username">Login: </label>'+
'<input id="username" />'+
'<br />'+
'<label for="password">Pass: </label>'+
'<input id="password" type="password" />'+
'<br />'+
'<div class="confirmButton no simplemodal-close">Cancel</div>'+
'<div class="confirmButton yes">Login</div>'+
'</div>'+
'</div>'
焦点是包装器(至少我是这么认为),用户必须按 Tab 才能到达第一个输入元素。
任何帮助都会很棒,
格雷格。
最佳答案
试试这个:
onShow:function(dialog){
setTimeout(function(){
dialog.data.find("input#myInput").focus();
},50);
}
希望这有帮助。干杯
关于jquery - Simplemodal - 如何在 onShow 函数中将焦点设置在元素上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5921351/
我们的 simplemodal alert div 需要可打印。在大多数情况下,内容本身应该适合页面,但我无法覆盖打印 css 中的定位以使其在打印时顶部/左侧齐平,以避免右侧被切断。 似乎我可以在我
我仍然是 jquery 的相对初学者,因此非常感谢任何帮助。 我使用 simplemodal 函数并将定位从固定更改为绝对,因为我希望模态框能够随背景页面一起滚动。 这给我带来了一个问题,因为某处(我
我用过SimpleModal 。现在的问题是模式对话框的大小调整。我有一个确认对话框,按"is"后它基本上很小。 第二个是my.php,它包含大量数据。我正在使用的概念附加一个已经存在的模型。如何调整
我在页面上滚动内容超过 2000 像素。 如果用户单击div,则会在简单模式窗口中弹出滚动内容。现在我的客户希望在模式窗口打开时使原始页面不可滚动。 (当然,模式应该仍然是可滚动的。) 这可能吗? 编
我正在使用 simplemodal 在我的页面上弹出一个模式。我使用 display:none 隐藏页面加载时的模式内容。我已经正确设置了 simplemodal-container 的样式,并且弹出
我正在尝试使用 jQuery SimpleModal确认提交表单时显示“是/否”确认。 我修改了 demo here (列表中的最后一个)如下所示,捕获并阻止表单提交。 但是,这似乎仅适用于 jQue
我对 jQuery 很陌生。我有一个关于 SimpleModal 的问题。 我试图关闭带有动画效果的弹出窗口,但失败了。 这是我的代码。 $('#btnClose').click(function(
我正在使用 jquery simplemodal 插件,但我不确定使用此插件是否可以从另一个 simplemodal 对话框打开 simplemodal 对话框。有人知道这可能吗? 谢谢 卢西奥 最佳
好的,所以所有模态框的右上角都已经有一个图像来关闭它们。我怎样才能另外制作另一个 anchor 来做同样的事情?我认为我可以使用默认为“simplemodal-close”的“closeClass”选
我有一个非常基本的问题,我在使用 jQuery simplemodal 时无法弄清楚:http://www.ericmmartin.com/projects/simplemodal/ 这里有一个 js
您好: 我打算使用 rel 属性打开几个对话框。我知道我遗漏了一些非常基本的东西,但我就是无法关闭它......(这个系统只允许我使用 2 个“a”标签,所以我用“alink”链接......它真的是
我正在编写一个小网页,我想在加载页面时启动 simplemodal。 现在我在正文中有这段代码
我正在尝试使用 SimpleModal 作为电子邮件免责声明的确认,即单击电子邮件地址会弹出模式,同意免责声明的用户可以使用 mailto: 方法发送电子邮件,拒绝的用户不会收到弹出窗口。 我在一个页
我有一个模态,看起来像我想要的,当它第一次加载时。要设置我正在使用的 onShow 回调中的大小和位置: $j('.discount-msg').click(function () { eve
我正在使用 SimpleModal 基本模态对话框,当我尝试在更改跳转菜单时实现模态窗口弹出时,对话框会打开,但我很快就会重定向到一个不存在的 URL。 如何防止这种情况发生? 这是我的跳转菜单的 H
我使用简单模式在用户向特定地址发送电子邮件之前显示法律警报: 在我的主页上: somebody@abc.com 正在使用 jQuery: jQuery(function ($) { $('.l
我有一个简单模式的 jquery 弹出窗口,它必须将溢出设置为自动,因为结果列表可能很长。滚动条显示正常,但关闭图像被推到垂直滚动条和简单模式边框后面。如果我注释掉 overflow: 'auto',
我正在使用 SimpleModal ( http://www.ericmmartin.com/projects/simplemodal/ ),并且我有一个显示在对话框中的表单。我想要做的是每次用户尝试
请考虑以下代码(也在 this fiddle 中): var viewModel = { count:ko.observable(0), add:function (){ th
所以我四处搜索,我找不到明确的答案。我希望我的 iframe 有一个关闭按钮,以便用户可以单击它而不是使用 ESC 键关闭 SimpleModal 容器。 我已经尝试了几件事,但似乎没有任何东西被传递
我是一名优秀的程序员,十分优秀!