Нижний колонтитул в мобильном всплывающем окне jquery не работает должным образом - PullRequest
Новая
       28

Нижний колонтитул в мобильном всплывающем окне jquery не работает должным образом

0 голосов
/ 03 апреля 2020

Я пытаюсь динамически добавить внешнее всплывающее окно с заголовком и нижним колонтитулом, используя jquery mobile, но нижний колонтитул перемещается на страницу вместо того, чтобы оставаться в div всплывающего окна ... Это ошибка jquery мобильный? Как я могу решить это? 

 var p=$("<div />").appendTo(document.body);
 $("<div />").attr("data-role", "header").appendTo(p).html("<h1>title</h1>");
 $("<div />").addClass("ui-content").text("content").appendTo(p);
 $("<div />").attr("data-role", "footer").appendTo(p).html("<h1>footer</h1>");
 p.enhanceWithin().popup({"positionTo":"window", "theme":"a"});
 p.popup("open");

вот скрипка http://jsfiddle.net/ stax / y9Lsqmax / 2 /

1 Ответ

0 голосов
/ 03 апреля 2020

По своей конструкции footer является родителем page, я твердо верю, потому что он может вместить navbar или подобную навигационную систему, или может быть eyternal, и, кроме того, он может быть расположен на в самом низу экрана, используя position: fixed. Так что, ИМХО, он просто не предназначен для размещения внутри popup.

НО: вы можете ввести div внутри popup, как это выглядит как footer. Конечно, он не будет поддерживать все параметры, описанные здесь: jQuery Мобильная панель инструментов . 

$(document).on("pagecreate", "#page1", function () {
  var p = $('<div id="popup"/>').appendTo(document.body);
  $('<div class="ui-header ui-bar-inherit"/>').html('<h4 class="ui-title">Title</h4>').appendTo(p);
  $('<div class="ui-content"/>').text("content").appendTo(p);
  $('<div class="ui-footer ui-bar-inherit"/>').html('<h4 class="ui-title">Popup footer</h4>').appendTo(p);
  p.popup({"positionTo":"window", "theme":"a", "overlayTheme":"a"});

  $("#popup").popup("open");
});
...