Всплывающее окно не отображается

Я хочу показать всплывающее окно.Всплывающее окно не отображается

Здесь на странице JQuery Mobile:

<div> 
    <div data-role="footer" data-position="fixed" class="centered-butons"> 
     <div data-role="controlgroup" data-type="horizontal" style="text-align: center" data-theme="b"> 
     <a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all">Show Popup</a> 
     </div> 
    </div> 

    <div></div> 

    <div id="myPopup" data-role="popup" data-theme="a" data-corners="true" data-transition="none" data-position-to="origin" data-aria="disabled"> 
     <p>This is a simple popup.</p> 
    </div> 
</div>

Когда я нажимаю на якорь всплывающий не отображаются.

источник

2016-03-23 Michael

Похоже на внешнее всплывающее окно, у вас есть два варианта: 1) Разместите его внутри страницы div 2), если вы хотите получить доступ к тому же всплывающему окну с любой страницы (внешнее всплывающее окно), вам необходимо инициализировать его вручную '$ (function() { $ ("# myPopup"). popup();}); '. – Omar

Нет. Мне нужно отображать всплывающее окно с той же страницы. Он работал нормально, пока я не обновил библиотеку JQM с 1.2.0 до 1.4.5. – Michael

Затем перейдите с первым вариантом. – Omar

Пожалуйста, взгляните на fiddle, который я сделал, он отлично работает.

Я думаю, что ваша проблема может заключаться в том, что ваша версия jQuery JS-библиотеки несовместима с новым JQuery Mobile после обновления до 1.4.5.

Попробуйте изменить версию jQuery. Он работал для меня с

JQuery-1.8.3.min.js
jquery.mobile-1.4.5.min.js

Я надеюсь, что это поможет вам!

источник

2016-03-23 18:36:57 jcarrera

Я также обновил версию JQuery до версии 2.2.1. – Michael

Я пробовал и работал отлично с: jquery-1.8.3.min.js и jquery.mobile-1.4.5.min.js – jcarrera

Я думаю, он должен работать и с jquery -2.2.1 – Michael

Всплывающее окно не отображается

ответ

Смежные вопросы