0

这是演示小提琴http://jsfiddle.net/coderslay/76Whv/

问题是，如果我这样做

<a href="#page2" data-role="button">Button2</a>

然后按钮改变颜色，一切都很好

但是假设如果我尝试像这样使用 onclick

<a href="#" onclick="changetoPage2()" data-role="button">Button1</a>

然后按钮不会改变颜色。如何解决这个问题？

4

2 回答 2

0

尝试使用这个：

function changetoPage2(){
  $.mobile.changePage($("#page2"), {transition : "none"});
}

而不是这个：

function changetoPage2(){
  $.mobile.changePage("#page2", {transition : "none"});
}

演示：http: //jsfiddle.net/76Whv/3/

于 2012-08-09T10:50:45.793 回答
0

我已经解决了你的问题，当你点击它时，“按钮”总是会变成蓝色。您的功能function changetoPage2(){是按钮不显示蓝色的原因。

看到这个小提琴http://jsfiddle.net/76Whv/7/

<body>
<script>
    function changetoPage2(){
   $.mobile.changePage("#page2", {transition : "none"});
}
</script>

<div data-role="page" id="page1">
    <div data-role="header">
        <h3>Page1</h3>
    </div>
    <div data-role="content">
        <a href="#page2" data-role="button">Button1</a>
        <a href="#page2" onclick="changetoPage2()" data-role="button">Autton1</a>
    </div>
</div>

<div data-role="page" id="page2">
    <div data-role="header">
        <h3>Page2</h3>
    </div>
    <div data-role="content">
       <a href="#page1" data-role="button">Button2</a>
       <a href="#page1" onclick="changetoPage1()" data-role="button">Autton2</a>
    </div>

</div>
</body>​
于 2012-08-09T11:21:05.893 回答