Jquery Mobile - On新闻发布会？

Question

是否可以通过jquery对按钮按下手势执行操作？我们希望标签可以在用户按下时改变颜色-所以基本上需要按下或类似的东西？我以前在其他网站上看到过这种情况，但我不知道该怎么做。

耽误您时间，实在对不起!

干杯保罗

Answer 1

您可以绑定tap事件。

$('#id').bind('tap', function( event, data ){ //code };

点击此处阅读更多信息：http://jquerymobile.com/demos/1.0rc1/docs/api/events.html

Answer 2

只需使用普通的jQuery .click事件即可。

Answer 3

相关信息：

• Specifying the styles for the selected tab in a navbar

现场示例：

• http://jsfiddle.net/phillpafford/8pwFK/29/

JS：

$('#custom-li-1').click(function() {
    $(this).attr('data-icon','star');
    $(this).children().children().next().removeClass('ui-icon-custom').addClass('ui-icon-star');
}).page();

$('#custom-li-2').click(function() {
    $(this).attr('data-icon','home');
    $(this).children().children().next().removeClass('ui-icon-grid').addClass('ui-icon-home');
}).page();

$('#custom-li-3').click(function() {
    $(this).attr('data-icon','grid');
    $(this).children().children().next().removeClass('ui-icon-star').addClass('ui-icon-grid');
}).page();

HTML：

<div data-role="page" id="home">
    <div data-role="header" data-theme="b">
        <h1>Test</h1>
    </div>
    <div data-role="content" data-theme="d">
        <div data-role="navbar" data-theme="d">
            <ul id="custom-nav-list">
                <li><a href="#" data-icon="custom" class="ui-btn-active" id="custom-li-1">Home</a></li>
                <li><a href="#" data-icon="grid" id="custom-li-2">Second page</a></li>
                <li><a href="#" data-icon="star" id="custom-li-3">Third page</a></li>
            </ul>
        </div>
    </div>

</div>