jquery-mobile - 如何在 jquery Mobile 呈现页面之前删除 li

Question

我有一个移动网站： http: //m.gbin1.com

我需要删除其中一个导航项，例如 jquery 的“home”，因为现在它有 7 个导航项，而且看起来很糟糕，但我不能使用 jquery 来实现它。例如，使用 .remove 删除其中一项。

有任何想法吗？谢谢！

Answer 1

如果您希望在 jQuery Mobile 初始化之前操作 DOM，您必须在pagebeforeload事件中进行。有关更多信息，请参阅事件文档。只需将您的 .remove() 代码放在标准的 dom-ready 函数中，只会在初始页面加载时触发一次。

$(document).bind('pagebeforeload', function(event, data) {
    $('nav ul li:first').remove();
});

Answer 2

我发现 pagebeforecreate 是正确的选择，现在http://m.gbin1.com可以处理添加/删除

出色地。

        $(document).bind('pagebeforecreate', function(event, data) {
            $('nav ul').append('<li><a href="javascript:void(0)">new gbin1.com item</a></li>');
        });