我试图在<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');
}
}
});