导航到jquery mobile中的div页面

Question

目的是在用户单击按钮时显示特定的div页面，其id是“触发器”。 有如下“a”元素时很简单;

<li data-icon="false"><a href="#triggers" id="report_triggers" data-transition="none" class="l10n-trig">Report on triggers</a>    </li> 

    <div data-role="page" id="triggers"> 
    ... 
    </div> 

是否可以从javascript方法导航到这个div页面？ 我在这里用了一招通过把一种无形的“a”元素

<a id="callTriggerPage" href="#triggers"><span>callTrigger Div</span></a> 

而且从我的函数像这样调用它;

$('#callTriggerPage').find('span').trigger('click'); 

但我想它应该比这更简单。

Answer 1

可以使用pagecontainer Widget的改变方法：

http://api.jquerymobile.com/pagecontainer/#method-change

$(":mobile-pagecontainer").pagecontainer("change", "#triggers", { transition: "slide" });