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

Question

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

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

任何想法？谢谢！

Answer 1

如果您希望在初始化jQuery Mobile之前操作DOM，则必须在pagebeforeload事件中执行此操作。有关详细信息，请参阅events documentation。只需将.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>');
        });