jQuery Mobile多个外部面板

我正在尝试在jquery Mobile中设置两个独立的外部面板，如下所示。 一种是显示完整菜单，另一种是显示社交媒体网站的链接。 如果我在.js中只有一个或那个，那么一个面板工作正常，但如果我在.js中都有它们，则只有最后列出的面板加载。 我想除了不同的ID之外我还需要指定别的东西。

是否可以有两个外部面板？ 非常感谢你的任何方向!! 🙂

var panel = '
Home
About
News
'; $(document).one('pagebeforecreate', function () { $.mobile.pageContainer.prepend(panel); $("#fullmenu").panel().enhanceWithin(); }); var panel = '
Facebook
Twitter
'; $(document).one('pagebeforecreate', function () { $.mobile.pageContainer.prepend(panel); $("#social").panel().enhanceWithin(); }); 

Answer 1

这段代码对我有用

  $(document).on("pagecreate", ".demo-page", function() { var panell = '
Home
About
News
'; $.mobile.pageContainer.prepend(panell); $("#left-panel").panel().enhanceWithin(); var panelr = '
Home
About
News
'; $.mobile.pageContainer.prepend(panelr); $("#right-panel").panel().enhanceWithin(); });