【问题标题】:Select a div with tab使用选项卡选择一个 div
【发布时间】:2013-01-12 08:35:31
【问题描述】:

我在使用 .这很烦人,因为当用户将鼠标悬停在它上面时,浏览器会在页面底部显示一个无用的链接(我真的不能在那里,因为我在底部使用了状态栏)。

当我删除属性 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”上

【问题讨论】:

  • 请展示您的 HTML + CSS 元素,
  • 请提供html,您目前拥有的没有帮助。更好的是,提供一个 jsfiddle。

标签: jquery button hover href


【解决方案1】:

如果您真的不能让状态栏显示任何内容,您需要完全删除锚标记并使用 javascript 导航而不是选定元素(就像您已经这样做的那样!)。

然后使用tabindex 来控制标签按下的顺序和元素。

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

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 2018-11-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多