jQuery mobile:在哈希URL中提供参数？

Question

我正在使用jQuery mobile,这很棒.我有一个关于在URL的哈希部分内提供参数的问题.

这是一些示例代码.在content主页的部分,我希望能够链接到一个名为"#photo-123"的页面,并将其加载到下面的"照片"页面.然后,我将从URL中提取照片编号,并加载图像123.

  <!-- Home page -->
    <div data-role="page" id="home"> 
        <div data-role="header">
            <h1>Home</h1> 
        </div> 
        <div data-role="content">    
            <p><a href="#photo" data-role="button">Photo ###</a></p>  
        </div> 
    </div> 
    <!-- Photo page -->
    <div data-role="page" id="photo">
        <div data-role="header">
            <h1>Photo ###</h1>
        </div>
        <div data-role="content">
              <img id="myphoto" src="" />
        </div>
    </div>

这样我就可以重用URL,即用户可以直接重新加载该页面.

是否可以使用jQuery mobile在哈希URL中传递参数？(或者通常使用HTML - 我知道可以使用例如BBQ插件,但如果可能的话我宁愿避免使用插件)

Answer 1

你想使用.changPage()函数

$("[name=button_name]").click(function() { 
    $.mobile.changePage('anotherPage.php?parm=123','slide',false,true);
});