javascript - jquery mobile : target page not refreshing when called by mobile. 使用重新加载页面更改页面:true

Question

我正在尝试使用如下所示的 mobile.changepage 通过 ajax 调用加载页面:

mobile.changePage( "index.html", {transition: "slide", reloadPage: true, data: id})

我尝试在 index.html 上使用所有功能，例如:

$( '#mainMenu' ).live( 'pageinit',function(event){var movie_id = location.search;});

页面已加载，但我无法在 index.html 页面上获取“id”的值，即使我硬刷新它也能正常工作。

我做错了什么？

谢谢罗德里戈

Answer 1

假设您将向 page2 传递一个参数，您可以在 page2 中使用 location.search 来获取电影变量，但是我发现它不适用于常规浏览器。所以，在结果页面中，你需要解析$(this).data('url').

此外，page2 中的脚本代码必须位于 DIV#page2 block 内，因为下一页更改时不会更改 header HTML 中的内容(正如另一位成员所注意到的)。

脚本 block :

第1页

<script language="javascript">

    $( '#mainMenu' ).live( 'pageinit',function(event){
        $('.btnTxtSearch').bind('click',function () {
            var movieName = $('#txtMovieTitle').val();
            if (!movieName || movieName.length == 0 || movieName == null) {
                alert('Please insert a title before clicking the button');
                return false;
            } //end of if

            $.mobile.changePage( "page2.html", {transition: "slide", reloadPage: true, data: movieName}); 

        });
    });

</script>

第2页

<script language="javascript">
//Without this pageinit may be called multiple times in back and forth use case.   
$('#page2').die( 'pageinit');

$('#page2').live( 'pageinit',function(){
    var movieName = $(this).data('url').split('?')[1];
    //Debug:
    alert(movieName);
});     


</script>