Question

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

问题在于，如果我这样做

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

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

但是假设我尝试使用onclick这样做

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

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

Answer 1

尝试使用：

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

而不是：

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

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

Answer 2

我已经确定了您的问题，当您点击它时，“按钮”将始终转换为蓝色。你的函数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>

如果我在jquery mobile中使用“onclick”，按钮不会改变颜色

2 个答案: