Question

I have a question about dialog here is the code:

<a href="#lol" data-rel="dialog">Filter</a>

<div data-role="dialog" id="lol">
<p><input type="button" value="lolz"/></p>
</div>

So I guess on click of “Filter”, I should get a dialog with the button, correct? I’ve read some posts and forums and they all say to do it this way, but for me it doesn’t work. No errors in firebug, nothing happens. Any ideas?

Answer 1

You don’t post what exactly your issue is, but here are some general guidelines.

You need to make sure your code is properly structured. That the <a data-rel="dialog"> tag is nested within a data-role="content" which is nested within a data-role="page" element, and that the data-role="dialog" element is a sibling of the data-role="page" elements:

<div data-role="page">
    <div data-role="content">
        <a href="#lol" data-rel="dialog">Filter</a>
    </div>
</div>

<div data-role="dialog" id="lol">
    <div data-role="content">
        <p><input type="button" value="lolz"/></p>
    </div>
</div>

Here is a demo: http://jsfiddle.net/kz5QA/