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

Button not changing color if i use "onclick" in jquery mobile

本文关键字：按钮 变颜色 改变 onclick jquery 移动 如果      更新时间：2023-09-26

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

问题是，如果我这样做 

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

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

但是假设如果我尝试像这样使用 onclick 来做到这一点

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

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

尝试使用这个：

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

取而代之的是：

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

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

我已经解决了您的问题，当您单击它时，"按钮"将始终变为蓝色。您的函数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>​
相关文章：