Response title
This is preview!
Nested Lists with Spaces in Hash Name Fail on iPhone
in Developing jQuery Mobile
•
11 years ago
When you have a nested list structure like:
<div data-role="page" id="i-want-to">
<div data-role="header">
<h1>I Want To...</h1>
</div>
<div data-role='content'>
<ul data-role="listview">
<li>Example Nested
<ul><li>Nested Example</li></ul>
</li>
</ul>
</div>
</div>
While this works on Chrome and Firefox, when trying it in Safari for the iPhone, the Example Nested will fail in the list view. This is because the hash that is created is something like "Example-Nested 1" and not "Example-Nested-1" as it should be. I tried to locate this hash function; it seems that it only replaces the first space.
<div data-role="page" id="i-want-to">
<div data-role="header">
<h1>I Want To...</h1>
</div>
<div data-role='content'>
<ul data-role="listview">
<li>Example Nested
<ul><li>Nested Example</li></ul>
</li>
</ul>
</div>
</div>
While this works on Chrome and Firefox, when trying it in Safari for the iPhone, the Example Nested will fail in the list view. This is because the hash that is created is something like "Example-Nested 1" and not "Example-Nested-1" as it should be. I tried to locate this hash function; it seems that it only replaces the first space.
1