Response title
This is preview!
- Screen name: Panman8201
Panman8201's Profile
5 Posts
13 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Anyone know the best way to add an icon to a list-divider? Taking a look at the code, icons are only added to links automatically. However, they are wrapped and classes assign that relate to links specifically. So I didn't know if someone had already figured out the CSS needed to mimic icons in a list-divider. Thanks!
- 19-Feb-2013 05:15 PM
- Forum: Using jQuery
So I've Googled the.prev(".class")issue and found the solution,.prevAll(".class:first"). However, that doesn't seem to work with multiple matched elements. The:firstselector seems to be applied to the entire list at the end, what I would expect.prevAll(".class").first()to do. What I would rather have happen is the selector be applied to each element in the "result set".
Does this seem to be a bug or rather just how jQuery works?
- <!DOCTYPE html>
- <html><head>
- <title>jQuery .prevAll() Selector Test</title>
- <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
- <script type="text/javascript">
- $(function() {
- var dividers = $(".findme").prevAll(".divider:first");
- window.alert(dividers.text());
- });
- </script>
- </head><body>
- <ul>
- <li class="divider"><strong>A Divider</strong></li>
- <li class="findme">Get My Divider</li>
- <li>Some Text</li>
- <li>Some Text</li>
- <li class="divider"><strong>B Divider</strong></li>
- <li>Some Text</li>
- <li>Some Text</li>
- <li>Some Text</li>
- <li class="divider"><strong>C Divider</strong></li>
- <li>Some Text</li>
- <li class="findme">Get My Divider</li>
- <li>Some Text</li>
- </ul>
- </body></html>
What happens is that the alert message will only have "A Divider" when I would expect it to have "A DividerC Divider". Thoughts? Thanks- This is related to jQuery Mobile but specific to a jQuery selector. Is it possible to have a selector find a specific list-item's divider (if one)? For example;
- <ul data-role="listview">
- <li data-role="list-divider">A List Divider</li>
- <li><a href="#">A List Item</a></li>
- <li><a href="#">B List Item</a></li>
- <li data-role="list-divider">FIND ME</li>
- <li><a href="#">Another Item</a></li>
- <li data-important="true"><a href="#">GET MY DIVIDER</a></li>
- <li><a href="#">Bnother Item</a></li>
- <li data-role="list-divider">C List Divider</li>
- <li><a href="#">A List Item</a></li>
- <li><a href="#">B List Item</a></li>
- </ul>
So here we have one list item that has a data attribute of "data-important". The selector should find this list-item's divider. Since this isn't a hierarchical structure it's tough to find the "parent" without finding other dividers. JQuery Mobile figures this out with a JavaScript loop going backwards through the list, however I'm wondering if it can be done with a Selector instead.
I've tried something like"li:jqmData(role=list-divider):has(~ li:jqmData(important=true))"but that obviously gets all dividers above the list-item marked important.
If needed, I can give a reasoning for this feature too. Thanks for any suggestions.- FYI, I was looking at the "all forums" page and noticed that the jQM forums (2 total) show the standard jQuery icon/logo. Thought it would be a good idea to switch those to the jQM icon, since jQuery UI and QUnit have their own. Just an idea.
- What would the best way be to keep the panel open in jQM 1.3? I'd like to do so if the screen is large enough, such as a tablet or desktop. One thought would be to just call the open() method for each page load but that would display the animation as well. I would like to make it "look" like a seamless transition. Thanks for any suggestions!
- «Prev
- Next »
Moderate user : Panman8201
© 2012 jQuery Foundation
Sponsored by 
and others.
