按钮不变色
此为演示小提琴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"});
}
仍然按钮不会改变颜色。 – 2012-08-09 10:52:58
更改页面功能工作正常。你想在哪里改变按钮的颜色？ – Shab 2012-08-09 10:56:24
雅我知道changePage工作正常......看看当你从page2移动到page1然后按钮改变颜色为蓝色..我需要 – 2012-08-09 10:58:48
我已经isulated您的问题， “按钮”，当你点击总会等转换为蓝色在上面。 您的功能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>
我知道如果我把'href =＃page2'那么它会改变颜色。在真实情况下，我不想更改页面。我想调用一个函数。这就是为什么我在我的小提琴展示。 – 2012-08-09 11:26:15
我加入你的代码提琴手 - > http://jsfiddle.net/76Whv/1/你能解释一下什么是错按钮 “Autton” – Sato 2012-08-09 10:51:29
@ SATO功能很好，但是当您使用按钮2从第2页移动到第1页时，请看该按钮，然后该按钮将颜色更改为蓝色。我需要 – 2012-08-09 11:05:23