Jquery mobile 按下按钮时jquery mobile添加/删除类

我正在使用jquery mobile制作一个混合应用程序。 我有一个按钮，它是添加类时触摸开始，并删除类时触摸结束

这是我的JS代码

$(document).on('pagebeforeshow', function(){ 
    $(document).on('vmousedown','.icGnb1' ,function(){
        $(".icGnb1").addClass('on');
    }).on('vmouseup', function(){
        $(".icGnb1").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icGnb1").removeClass('on');
     });  

    $(document).on('vmousedown','.icGnb2' ,function(){
        $(".icGnb2").addClass('on');
    }).on('vmouseup', function(){
        $(".icGnb2").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icGnb2").removeClass('on');
     });  

    $(document).on('vmousedown','.icGnb3' ,function(){
        $(".icGnb3").addClass('on');
    }).on('vmouseup', function(){
        $(".icGnb3").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icGnb3").removeClass('on');
     });  

    $(document).on('vmousedown','.icGnb4' ,function(){
        $(".icGnb4").addClass('on');
    }).on('vmouseup', function(){
        $(".icGnb4").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icGnb4").removeClass('on');
     }); 


     $(document).on('vmousedown','.icM1' ,function(){
        $(".icM1").addClass('on');
    }).on('vmouseup', function(){
        $(".icM1").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icM1").removeClass('on');
     }); 

     $(document).on('vmousedown','.icM2' ,function(){
        $(".icM2").addClass('on');
    }).on('vmouseup', function(){
        $(".icM2").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icM2").removeClass('on');
     });

     $(document).on('vmousedown','.icM3' ,function(){
        $(".icM3").addClass('on');
    }).on('vmouseup', function(){
        $(".icM3").removeClass('on');
    }).on("vmousecancel", function() {
        $(".icM3").removeClass('on');
     }); 
});

我是否必须使所有按钮都带有触摸事件？

---

我是说。。这是正确的方法吗？

假设您的所有按钮都做相同的事情，那么您的代码应该是：

$(document).on('pagebeforeshow', function(){ 

    $(":button").on('vmousedown', function(){
            $("this").addClass('on'); 
        }), on('vmouseup', function(){
            $("this").removeClass('on');
        }).on("vmousecancel", function() {
            $("this").removeClass('on');
        }); 
    });

});

---

您不能为每个按钮分配相同的类，而不是使用不同的类吗？作为类使用的内容看起来更像ID。