按钮不变色

此为演示小提琴http://jsfiddle.net/coderslay/76Whv/按钮不变色

的问题是，如果我这样做

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

然后该键可以改变颜色，一切都很好

但假设，如果我尝试使用做的onclick这样

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

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

来源

2012-08-09 Coder_sLaY

我加入你的代码提琴手 - > http://jsfiddle.net/76Whv/1/你能解释一下什么是错按钮 “Autton” – Sato 2012-08-09 10:51:29

@ SATO功能很好，但是当您使用按钮2从第2页移动到第1页时，请看该按钮，然后该按钮将颜色更改为蓝色。我需要 – 2012-08-09 11:05:23

尝试使用这样的：

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

取而代之的是：

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

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

来源

2012-08-09 10:50:45 Shab

仍然按钮不会改变颜色。 – 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>

来源

2012-08-09 11:21:05 Sato

我知道如果我把'href =＃page2'那么它会改变颜色。在真实情况下，我不想更改页面。我想调用一个函数。这就是为什么我在我的小提琴展示。 – 2012-08-09 11:26:15

回答

相关问题