jQuery UI - 为什么锚点周围的虚线轮廓不应该是活动的?

Ner*_*boy 7 jquery-ui

我正在使用jQuery UI中的对话框模式,当我打开对话框时,前几个锚中的第一个或其中一个在它周围有一条虚线而没有我点击任何东西.一旦我点击屏幕上的任何地方,它就会消失.所以看起来对话框正在激活锚点,但它是如何做的那样超出了我.

小智 5

我并不特别确定为什么会发生这种情况,但是如果你想改变它的行为,你可以添加到你的CSS中,大纲应该消失.

div.ui-dialog a { outline: none }
Run Code Online (Sandbox Code Playgroud)


Dre*_*lls 0

我很确定这条虚线代表焦点。可能的情况是 jquery-ui 实​​际上将焦点设置在第一个超链接上,但是(无需通过 jquery-ui 源代码)我认为您的浏览器自行执行此操作同样合理。

如果是浏览器,我怀疑这是因为对话框 div 正在接收焦点,而浏览器处理该问题的唯一方法是将焦点放在该 div 中的第一个交互式事物上:锚点。

如果对话框 div 中没有锚点会发生什么?如果在任何锚点之前有文本输入会发生什么?

如果这是浏览器正在做的事情,帮自己一个忙,不要再担心了。您可能会浪费大量时间,并通过尝试使其表现不同而引入大量特定于浏览器的、难以维护的代码。