选择带选项卡的div

时间:2013-01-28 21:32:35

标签: jquery button hover href

我在使用的jQuery UI对话框上有这个关闭按钮。这很烦人,因为当用户在它上面盘旋时,浏览器会在页面底部显示一个无用的链接(我真的不能在那里,因为我在底部使用状态栏)。

当我删除属性href时问题解决了,但现在当我选中对话框的元素时,将跳过没有href的按钮。

任何建议都将不胜感激。

编辑: HTML:

<html><head>...(script includes)</head><body>
<div id="someDialog">
</body></html>

JS:

 $(document).ready(function() {
     $("#someDialog").dialog();
 )};

jsfiddle:http://jsfiddle.net/mmarcon/jTGCF/1/ 打开对话框并将鼠标悬停在关闭的“x”

2 个答案:

答案 0 :(得分:2)

如果您确实无法显示任何状态栏,则需要完全删除锚标记,并使用javascript导航而不是选定的元素(就像您已经做过的那样!)。

然后使用tabindex来控制按下哪个订单和元素标签。

在此处更新了您的jsfiddle:http://jsfiddle.net/jTGCF/201/ (尝试在两个按钮之间切换)

答案 1 :(得分:0)

您还可以更改状态栏。以下是一个例子:http://www.west-wind.com/weblog/posts/2008/Jun/13/A-jQuery-Client-Status-Bar

看起来比大多数浏览器显示的更好,并且对用户更加明显。不确定其他用户,但我唯一一次查看内置状态栏是我正在调试我自己的应用程序。