Question

我的html页面有两个div，其中data-role =“page”，一个id是pageone来收集用户信息，一个id是pageresult来显示用户信息的计算结果。我使用一个按钮来调用javascript函数来计算信息并显示pageresult，

<a data-role="button" href="#pageresult" id="btnTry">Try</a>

但是当我点击按钮时，javascript调用好，我调试并确认它。但是pageresult只显示一秒然后页面更改回pageone，并且浏览器的url已更改为： http://localhost:8080/my_project/JqueryPage/mypage.html#pageresult 如果我手动刷新浏览器，该页面将再次成为pageresult。这是我点击按钮时调用的js函数：

    $('#btnTry').click(function() {
        var var1 =  $("#selIsHasSpeed").val() ==""?"false":$("#selIsHasSpeed").val();
        var var2 =  $("#selIsWashSpeed").val() == ""?"false":$("#selIsWashSpeed").val();
        //some calculate process 
        var paragraphs = $('div#resultList p');
        paragraphs[0].innerHTML = Wdamage;
        paragraphs[1].innerHTML= Cdamage;
        showResultPage();
    catch(e){
        alert(e);}
    });
    });

showResultPage（）函数：

    function showResultPage(xmlHttpRequest, status){
    setTimeout(function() {
        $.mobile.changePage("#pageresult", {
            'allowSamePageTransition' : true,
            'reloadPage' : true,
            'transition' : 'none'
        });
    }, 1);
    }

我也希望在pageresult中更改结果，当pagerusult显示第二个时，我点击结果已被js更改。但是当我手动刷新页面时结果没有改变，它似乎是一个旧页面！

jquery调用javascript并更改页面问题

0 个答案: