jQuery Mobile popup data-dismitable = "false" проблемы

Question

Это мой первый раз, когда всплывающие окна jQuery Mobile. Я нашел документацию here и here. Как я ищу, чтобы создать следующее:

Теперь согласно ДИЗКН, следующий код должен работать:

<a href="#popupBasic" data-rel="popup">Open Popup</a> 

<div data-role="popup" id="popupBasic" data-dismissible="false"> 
    <p>This is a completely basic popup, no options set.<p> 
</div> 

Но учитывая код выше, я все еще продолжаю получать фондовый стандарт всплывающее окно:

Любая идея, что я делаю неправильно?

Answer 1

data-dismissible означает, хотите ли вы, чтобы всплывающее окно закрывалось после щелчка по нему. Значение по умолчанию: true, если вы установили его на false, вам нужно добавить кнопку с data-rel="back", чтобы закрыть ее, jQM не будет добавлять кнопку закрытия динамически/автоматически.

Измените свою разметку на следующее.

<div data-role="popup" id="popupBasic" data-dismissible="false" data-theme="c" data-overlay-theme="a"> 
    <p>Click button to close this.</p> 
    <a href="#" data-rel="back" data-role="button">Close</a> 
</div> 

Обратите внимание, что data-theme и data-overlay-theme разные, последний изменяет цвет наложения всплывающего окна в.

Или вы можете закрыть его программно.

$("#popupBasic").popup("close"); 

Demo