javascript - jQuery Mobile 为一项功能提供更多按钮

Question

我为多页面模板 JQM 1.4 使用外部 header

$('#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 的第一页，但在其他页面上它不会启动对话框。

Answer 1

更新

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