2

我是电话间隙的新手，这是我的代码

<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>

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

4

3 回答 3

1

您可以使用 css 解决此问题：

.btnMyVisit:active {
  // Change something, eg the background color:
  background-color: pink;
}
于 2013-09-28T22:33:57.290 回答
0

您可以手动将“ui-btn-active”类添加到用户单击的按钮中，这将改变颜色。然后只需覆盖“ui-btn-active”css 样式即可将其设置为您想要的颜色。

于 2013-09-26T13:31:15.960 回答
0

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

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)" 。

于 2013-10-22T05:45:30.647 回答