jquery mobile открывает диалог по нажатию ссылки

Question

У меня вопрос по диалогу, вот код:

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

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

Итак, я думаю, что при нажатии кнопки «Фильтр» я должен получить диалог с кнопкой, правильно? Я прочитал несколько постов и форумов, и все они говорят, что делают это таким образом, но для меня это не работает. Никаких ошибок в firebug ничего не происходит. Есть идеи?

Answer 1

Вы не публикуете, в чем конкретно заключается ваша проблема, но вот некоторые общие рекомендации.

Вы должны убедиться, что ваш код правильно структурирован.Что тег <a data-rel="dialog"> вложен в data-role="content", который вложен в элемент data-role="page", и что элемент data-role="dialog" является родственным элементом data-role="page":

<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>

Здесьэто демо: http://jsfiddle.net/kz5QA/

Answer 2

Если вы хотите открыть диалог из HTML-кода, то вам нужно использовать в DIV, который вы хотите от нажатия кнопки - data-role = "page", а не data-role = "dialog", который вы там сделали.

И чтобы открыть диалог из javascript из любого события, я бы предложил следующий код:

$. Mobile.changePage ('# divSelectorId', {transition: 'pop', changeHash: true, role: 'dialog' // важно дать.});