是否可以在觸發器中使用.preventDefault（）jQuery

Question

我創建了一個名爲slides.swap的自定義事件，但是我想阻止trigger()中click發生的事件。它不工作。我如何從trigger()那裏做到這一點？ 我知道我可以阻止它在click函數中，但我只想保留所有「封裝」。

JS：

tabs.on('click', 'a', function(e){ 
    $(this).trigger('slides.swap', e); 
}); 

//Custome event 
tabs.find('a').bind('slides.swap', function(e){ 
    var self = $(this), 
     selfIndex = self.parent().index(), 
     targetSlide = slides.eq(selfIndex); 

    e.preventDefault(); //somehow this doesn't work 

    //fade in/out slides 
    slides.filter('.active').stop(true, false).fadeOut(speed, function(){ 
     $(this).removeClass('active'); 
    }); 
    targetSlide.stop(true, false).fadeIn(speed).addClass('active'); 
    tabs.removeClass('selected'); 
    self.parent().addClass('selected'); 
}); 

非常感謝

Answer 1

你的swap事件，這是不同到click事件的事件對象上調用preventDefault()。嘗試在傳遞給slides.swap處理程序的事件對象上調用preventDefault();

tabs.find('a').bind('slides.swap', function(e, clickEvent){ 
    if (typeof clickEvent === "object" && typeof clickEvent.preventDefault === "function") { // Check the parameter was provided and that it was an event object. 
     clickEvent.preventDefault(); 
    } 

    // everything else 
}); 

雖然這不是很好的程序設計，但必須說。這是錯誤來操縱另一個事件鏈/對象。