I'm quite new to jQuery and have an issue with theme overwrite a CSS class.Here is my HTML code:\[code\]<head> .clicked { text-decoration: line-through !important; color: #000000; }</head>...<div data-role="collapsible" data-theme="b" data-content-theme="b" data-collapsed icon="arrow-r" data-expanded-icon="arrow-d"> <ul data-role="listview" id="Key"></ul></div>\[/code\]Here is my JS:\[code\]function WriteQuote(item) { $("#"+item).addClass(function(index, currentClass) { if (currentClass.lastIndexOf("clicked") >= 0) { $("#"+item).removeClass("clicked"); return; } return "clicked"; }); }\[/code\]I plan to use toggleClass so this code is only for testing purpose.When looking into Firebug, I see that \[code\]a.ui-link-inherit\[/code\] is prefered and apply:\[code\]a.ui-link-inherit { text-decoration: none !important;}.clicked { color: #000000; text-decoration: line-through !important;}\[/code\]Is there a way to have my class overwrite the jQuery theme's class?My goal is to toggle "line-through" when user click on the given listview element.
Is there a way to have my class overwrite the jQuery theme's class?
- Thread starter Groortiok
- Start date