在'之后刷新jQuery Mobile元素;手动'操纵

Refreshing jQuery Mobile elements after 'manual' manipulation

本文关键字：元素 手动 Mobile 操纵 刷新 之后 jQuery      更新时间：2024-04-11

好吧，下面是我要做的：

  • 我有一个超基础的jQuery Mobile页面
  • 我正在通过JavaScript（Chrome控制台）调整一两件事，比如设置$("#the-header").attr("data-position","fixed");

然而（这是意料之中的），这些变化不会出现。

我应该如何刷新页面？（等等，我不想要原始页面，但最后一个带有调整，重建）。

有什么想法吗？

更新：

嗯。。。经过无数次（盲目的）实验，我认为我已经接近一个解决方案：

$.mobile.pageContainer.trigger("create");

在动态更改或向活动页面添加工具栏（页眉/页脚）时，必须调用两个函数。

  • 动态添加时要增强工具栏：

    $.mobile.activePage.trigger("pagecreate");

  • 修改现有工具栏的选项

    $(".selector").fixedtoolbar();

在动态添加工具栏或修改选项后重置页面高度并删除多余的填充。

$.mobile.resetActivePageHeight(); /* works only on 1.3.2 and later */

演示

更新：

或者，可以使用$(".selector").fixedtoolbar();而不是$(".selector").attr("data-position", "fixed");修复工具栏。在这种情况下，您不需要调用.trigger("pagecreate")，除非您将它们动态地附加到活动页面中。

$("#the-header").css({ 'data-position': 'fixed' });

或

$("#the-header").attr('style','data-position:fixed');
相关文章：