導航到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" });