帮助使菜单按钮jQueryMobile

Question

新jQuery和jquerymobile。

所有我想要做的就是隐藏在主菜单中，并创建顶部导航栏中的“菜单”按钮。当用户点击该按钮一个弹出与“顶部菜单”出现。

我欺骗并在mobile.css我把“顶部菜单”，以显示：无最初隐藏它

修改

得到它接近，但并不完美。现在上的菜单键（一直在寻找onTouch或中的onTap但找不到API信息）菜单出现。是否有替代它出现它会打开一个弹出窗口的方式？

此外，由于某些原因数据的主题或图标没有显示出来任一。

$(document).ready(function(){
    $('#header').append('<div data-role="navbar"><ul><li class="mainMenu"><a href="#" data-iconpos="top" data-icon="grid" data-theme="b">Menu</a></li><li><a href="#">facebook</a></li><li><a href="#">Twitter</a></li></ul></div>');
    $('.mainMenu').click(function() {
      $('#top-menu').toggle('fast', function() {
        // Animation complete.
      });
    });
});

Answer 1

在JQM CSS并不适用于手动添加到DOM什么。你要调用该项目.page()。

有关细节请参阅 http://jquerymobiledictionary.dyndns.org/faq.html - 问题关于DOM添加

[编辑]

这可能是比盗号的：的http：// jquerymobile.com/demos/1.0a2/#docs/toolbars/bars-fullscreen.html

[按您的编辑的响应]

首先 - 尽量不要使用JavaScript不是需要什么。为什么填用JavaScript的头，如果你不需要它？你没有使用任何变量存在。

第二件事 - 你没看过我的教程。如果您创建新的DOM内容之后文档准备就绪NO jQuery Mobile的具体的东西将被应用。如果你这样做，你必须调用新的内容.page()。这就是为什么它仍然无法正常工作。

事件是在这个文档中＆演示avaliable部 http://jquerymobile.com/demos/1.0a2/只需要点击events。

最后 - 有在移动电话中没有弹出。如果您换货一个对话框，看看在JQM文档对话框。

Jquery的是一个完全不同的方法来javascript和jquery的移动也是一个新的想法。你的直觉和经验的jQuery仍将没用了一段时间，直到你得到JQM的想法，就是它的功能。

如果你读渐进增强了一下可能发生这种情况更快。

好运。