jQuery .bind（'click.select'）在移动设备中不起作用

Question

So I have this code that whenever a page is onLoad, the user is not able to click any of the links unless it has finished loading the page in a specific region.

// note: this events are for the specific li tags of this.ui.liLink
'events' : {
    'click @ui.catalogTab'      : 'showCatalogsTabView',
    'click @ui.transcriptTab'   : 'showTranscriptsTabView',
    'click @ui.facilitationTab' : 'showFacilitationTabView'
},
'ui' : {
    'liLink' : '.catalog-menu > ul > li'
},

'enableTabClick' : function () {
    this.ui.liLink.removeClass( 'disabled' );
    this.ui.liLink.unbind( 'click.select' );
},

'disableTabClick' : function () {
    this.ui.liLink.addClass( 'disabled' );
    this.ui.liLink.bind( 'click.select', false );
}

this is working perfectly on desktop but when I use it on mobile devices, .bind() is not working and does not disable the event listener for click events. How do I do it on mobile?

Answer 1

So I finally solved my problem. In mobile, the event you have to listen for is touchstart. So I added it to my current code.

    'enableTabClick' : function () {
        this.ui.liLink.removeClass( 'disabled' );
        this.ui.liLink.unbind( 'click.select touchstart' );
    },

    'disableTabClick' : function () {
        this.ui.liLink.addClass( 'disabled' );
        this.ui.liLink.bind( 'click.select touchstart', false );
    },

Answer 2

It may be because in mobile devices there are not such events "click". Try mobile events - "tap" or "drag" for example. I think that problem in it.