javascript - jquery mobile 中的动态点击处理不会出现 ui-state-active 类

Question

我有一个这样的链接:

<a id="home">HOME</a>

并处理对此的点击:

$("#home").on("vclick", function(){
    //code
});

问题是当在链接上触发 click 事件 时，ui-state-active 类不会出现在链接上。

如何纠正这个问题？

我正在使用jquery-mobile 1.4.1

到目前为止，我正在使用一些糟糕的 hack。像这样的事情:

<input type="button" id="home" value="HOME" />

Answer 1

这个黑客使它起作用:

$(document).on("vclick", "#home", function(event){
        event.preventDefault();
        event.stopImmediatePropagation();
        var obj = $(this);
        var url = obj.attr("id");
        obj.addClass("ui-btn-active");
        $.mobile.changePage(url + ".html");
        $(document).on("pagehide", function(){
            obj.removeClass("ui-btn-active");
        });

    }); // vclick for