Question

我是新手机间隙，这是我的代码

<div class="ui-grid-a" align="center" style="margin-left: 4px;" >
  <div class="ui-block-a" data-role="content" style="margin-top: 10px;height: 107px;width: 120px;" align="center">
<a data-role="button" id="btnMyVisit"  data-theme="my-site" style="height: 107px;width: 120px;" data-transition="none"  data-mini="true"  data-prefetch="true" href="#myVisit">
<img src="img/MyVisit.png" id="myvisitid" style="vertical-align: middle;margin-bottom:0px;margin-left:0px; height: 112px;width: 120px;"> </a>
            </div>

我的问题是每当我点击按钮时它在访问链接之前不会改变颜色...我希望它在访问之前改变颜色，以便用户可以知道他刚刚点击在这个链接上.....

Answer 1

您可以使用css修复此问题：

.btnMyVisit:active {
  // Change something, eg the background color:
  background-color: pink;
}

Answer 2

您可以手动添加课程＆＃34; ui-btn-active＆＃34;到用户点击的按钮，这将改变颜色。然后只需覆盖＆＃34; ui-btn-active＆＃34; css样式将其设置为您想要的颜色。

Answer 3

根据您的要求使用以下代码。，我相信这会帮助你。

function changePage(divId, pageTransition, reverseTransition, changeHash){
var pageTransition1 = typeof(pageTransition) != 'undefined' ? pageTransition : 'none';  
var reverseTransition1 = typeof(reverseTransition) != 'undefined' ? reverseTransition : false;
var changeHash1 = typeof(changeHash) != 'undefined' ? changeHash : true;

    $.mobile.changePage( '#'+divId, {
    transition: pageTransition1,
    reverse: reverseTransition1,
    changeHash: changeHash1
    });

}

$( "#btnMyVisit" ).click(function() {
//this changes the color of your link...
$(this).css('color','red');



setTimeout(function (){               

    //something you want delayed by 3 sec   
    // now write code for the event you wanna perform
    changePage('myVisit', 'slideup', true, true);

   }, 3000);


});

此外，

在锚标记中将href =“＃myVisit”更改为href =“javascript：void（0）”。

单击手机间隙时按钮不会改变颜色

3 个答案: