【发布时间】: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