我试图在<li>事件上使用jQuery Mobile触发对页面上特定pageinit的单击。

我可以成功触发点击,但是在行上出现错误:

var currentPage = $.mobile.activePage;


  错误:TypeError:currentPage未定义


我想要实现的是,如果在URL中传递了reminder参数,那么我想触发对<li>的点击。我不确定我是否使用了错误的jQM事件(pageinit),但是由于某种原因,似乎没有“活动页面”。

$(document).on('pageinit', function (event, ui) {

    var page = $(event.target);

    page.find("li.static_nav").on('click', function () {
        var currentPage = $.mobile.activePage;
        var subheader = currentPage.find("#static_page_sub_header");
        var target = $(this).attr("data-target");

        $(this).siblings().removeClass('active');
        $(this).addClass('active').find('a').clone(true, true).appendTo(subheader.empty());

        currentPage.find(".static_panel").hide();

        return false;
    });


    if (page.find('#p_content').length !== 0) {
        var url = $.mobile.path.parseUrl(document.location.href);
        var query_string = url.search;
        if (/reminder/i.test(query_string)) {
            $('li.static_nav:eq(1)', $.mobile.activePage).trigger('click');
        }
    }

});

最佳答案

将以下代码从pageinit事件移至pageshow事件:

$(document).on('pageshow', function (event, ui) {

var page = $(event.target);

if (page.find('#p_content').length !== 0) {
    var url = $.mobile.path.parseUrl(document.location.href);
    var query_string = url.search;
    if (/reminder/i.test(query_string)) {
        $('li.static_nav:eq(1)', $.mobile.activePage).trigger('click');
    }
}

});

10-08 15:44