jQuery Mobile更多按钮用于一个功能

时间:2014-01-23 16:30:30

标签: javascript html5 jquery-mobile

我使用多页面模板JQM 1.4的外部标头

$('#pageprostoriheader').load('header.html', function () {
  $.mobile.pageContainer.pagecontainer("getActivePage").enhanceWithin();
});

$('#pagetestheader').load('header.html', function () {
  $.mobile.pageContainer.pagecontainer("getActivePage").enhanceWithin();
});

在标题中,我有一个ID为gumbiskanje的按钮,会打开一个弹出对话框。

$(document).on('click', '#gumbiskanje', function(e){
  var niz = $('#niziskanje').val();
  prikaziiskanje(niz);
  window.location.href = "#pageiskanje";
});

当我只有一页工作得很好,但现在我有多页。它只适用于html的第一页,但在其他页面上它不会启动对话框。

1 个答案:

答案 0 :(得分:1)

更新

Popup div应该是内部作为页面div 的子项,或外部页面div 之外

如果外部,则需要调用以下函数以增强/创建它。然后,您就可以从任何页面调用它。

$(function () {
  $("[data-role=popup]").popup();
});

要打电话

$(document).on("click", "#gumbiskanje", function () {
  $("#popupLogin").popup("open");
});
  

<强> Demo


如果每个页面中的弹出具有相同的 id ,则需要在活动页面中调用它。

$(document).on("click", "#gumbiskanje", function () {
  var active = $.mobile.pageContainer.pagecontainer("getActivePage");
  $(active).find("#popupLogin").popup("open");
});
  

<强> Demo