4

我正在使用两个

<li><a href="#" type="button"  > text</a></li>

在我的应用程序的页脚导航栏中键入按钮,以触发我的应用程序中的功能(不用于导航。)。每次按下按钮后都保持按下状态,直到按下导航栏中的另一个按钮。我怎样才能避免这种行为?

4

3 回答 3

1

处理此问题的另一种方法是从事件绑定中返回 false,这样 JQM 就不会首先添加该类。

于 2013-11-19T18:15:42.603 回答
0

ui-btn-active从最后按下的按钮中手动删除类。

$('#button_id').removeClass('ui-btn-active');

已编辑

最好的方法是重新定义 classui-btn-active的样式,与“未点击”按钮相同。例如:

.ui-footer .ui-navbar .ui-btn-active {
    border: 1px solid       #222;
    background:             #333333;
    font-weight: bold;
    color:                     #fff;
    text-shadow: 0 -1px 1px #000;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #555), to( #333));
    background-image: -webkit-linear-gradient(#555, #333);
    background-image:    -moz-linear-gradient(#555, #333);
    background-image:     -ms-linear-gradient(#555, #333);
    background-image:      -o-linear-gradient(#555, #333);
    background-image:         linear-gradient(#555, #333);
}​

这里的例子 。

于 2012-08-13T06:28:45.387 回答
0
<button type="button" class="btn btn-default touchbtn">Test</button>

$('.touchbtn').bind('touchstart', function() {
    $(this).css('background-color', 'black');
});

$('.touchbtn').bind('touchend', function() {
    $(this).css('background-color', 'white');
});
于 2014-11-10T19:27:37.370 回答