【问题标题】:Inspect Element after click点击后检查元素
【发布时间】:2011-10-29 23:19:35
【问题描述】:

好的,

我会尽我所能最清楚地解释我的问题。

我需要更改我网站上某些元素的 CSS,内置于 JQuery Mobile。

假设我右键单击一个按钮,选择检查元素,chrome 打开调试器,我可以看到源代码。很好。

但是现在假设我想查看一个按钮的来源,当它被点击时。

基本上,JQuery 为一个按钮创建 2 个状态。例如,

这是一个按钮

.ui-btn-up-c

然后是鼠标悬停在其上的按钮

.ui-btn-hover-c 

现在,我在列表中有可点击的元素。我能够做一个检查元素并更改 CSS,但是当我单击时,不知何故有另一个类并且应用了默认 CSS。见图片:

tl/dr; 基本上,我很难清楚地解释我的问题,但我试图在单击元素时检查元素上的元素......

如果不清楚,请在否决之前告诉我,谢谢!!!

【问题讨论】:

  • 这可以作为一个小书签运行,让您获得按钮状态的快照:javascript:$(':button').click(function(){console.dir(this)});void(0); 如果按钮是提交按钮,您可以在console.dir 之后添加return false 以防止提交表单。
  • 您也可以尝试添加 www.jsfiddle.net 示例来显示问题
  • 据我所知,在 firebug 中,当您检查一个元素时,您可以看到将鼠标悬停或单击该项目时的状态变化,IE 您实际上可以看到 jquery addClass('overstate' ) 不确定 chromes 调试器对这些东西有多好,但你可以得到一个用于 chrome 的 firebug-lite?

标签: jquery html css jquery-mobile


【解决方案1】:

尝试创建一个执行 $(button).addClass(".ui-btn-hover-c") 的函数并在控制台中运行它。

或者对于更简单的选择,您可以在 Chrome 的检查器中手动添加类,只需在检查器中编辑代码本身即可。

【讨论】:

  • 接受的答案只有一个不是评论;)
猜你喜欢
  • 2021-05-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-08-03
  • 2011-09-24
  • 2015-01-12
  • 1970-01-01
相关资源
最近更新 更多