【问题标题】:panel not working in all pages using JQuery Mobile面板在使用 JQuery Mobile 的所有页面中都不起作用
【发布时间】:2014-02-18 14:46:20
【问题描述】:

各位朋友,我是 jQuery mobile 的新手,正在尝试通过使用 jquery mobile 创建网站来学习东西。问题是我使用data-role="panel" 在我的页面上显示导航,它工作正常,但是当我跳转到同一个 HTML 文件中的另一个页面时,它停止工作我不知道解决这个问题需要你的帮助。 You can check fiddle here。在主页面板上工作正常,但是当我点击关于我们的页面时,它跳转到那里但面板停止工作

请帮帮我..提前谢谢:)

【问题讨论】:

    标签: jquery jquery-mobile panel


    【解决方案1】:

    如果你想从任何页面访问同一个面板,你必须将面板 div 放在任何data-role="page" 之外,然后你必须手动初始化它。这称为外部面板

    <body>
      <div data-role="panel" id="foo" data-theme="a">
        <!-- contents -->
      </div>
    
      <!-- pages here -->
    </body>
    

    请注意,外部面板不会自动继承主题,因此,您需要为其添加data-theme 属性。

    .enhanceWithin() 功能是增强面板内的所有小部件。它们不是自动初始化的,因此需要初始化。

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

    将该代码放在 JQM 库之后的头部。

    Demo

    【讨论】:

    • 感谢@Omar 的考虑。如果你不介意你可以在这里分享小提琴
    • 不客气@Kamal,我很高兴能帮上忙 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-11
    • 2017-03-26
    • 1970-01-01
    • 1970-01-01
    • 2013-08-07
    • 2012-04-26
    相关资源
    最近更新 更多