jQuery Mobile Listview with more than one paragraphs

Asked Oct 10 '14 at 20:20

Active Oct 10 '14 at 20:38

Viewed 14 times

I've developed a listview with items like the template below but when I'm trying to add a second paragraph below the existing one page cannot scroll on iPad. The same page on my desktop works just fine. Does anyone know how can I overcome this issue? Note that the page height is bigger than one page.

<ul>
  <li data-icon="carat-d">
    <a href="#">
      <img src="images/image1.png">
      <h2>header</h2>
      <p>paragraph1</p>
      <p>paragraph2</p> <!-- This line cause the issue -->
    </a>
  </li>
</ul>

Thanks in advance,

edited Oct 10 '14 at 20:38

asked Oct 10 '14 at 20:20

SWE

Are you wrapping contents in _content_ div? `
`.
– Omar Oct 10 '14 at 20:40
Yes, this is how body begins.
– SWE Oct 10 '14 at 20:44
Are you wrapping listview in another listview? `role="main"` not `data-role="main"`. – Omar Oct 10 '14 at 20:46
No. the path is body->div data-role="page"->div data-role="main"->ul data-role="listview"-> – SWE Oct 10 '14 at 20:59
Are you setting page's height? Do you have extra CSS to override jQM's styles? – Omar Oct 10 '14 at 21:00
I have this line on the and the jquery stuff. – SWE Oct 10 '14 at 21:06
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/62848/discussion-between-omar-and-swe). – Omar Oct 10 '14 at 21:10

jQuery Mobile Listview with more than one paragraphs

0 Answers0