是否可以倾听特定元素上的滑动事件?可能将处理程序附加到滑动事件?
我希望它会很容易为:
$("#element").slideDown();
$('#element').bind('slideDown', function() {
alert('Slidedown event fired');
});
找不到 “了slideDown” 为event。
正在监听这种可能的事件?
是否可以倾听特定元素上的滑动事件?可能将处理程序附加到滑动事件?
我希望它会很容易为:
$("#element").slideDown();
$('#element').bind('slideDown', function() {
alert('Slidedown event fired');
});
找不到 “了slideDown” 为event。
正在监听这种可能的事件?
与Ben on method overriding一些帮助,我是能够添加一个触发器的函数调用,您可以绑定到:
$(function(){
;(function($){
var orig_slideDown = $.fn.slideDown;
$.fn.slideDown = function(){
$(this).trigger('slideDown');
orig_slideDown.apply(this, arguments);
};
})(jQuery);
$('.up').click(function(){
$('div').slideUp();
});
$('.down').click(function(){
$('div').slideDown();
});
$('div').bind('slideDown',function(){
$('div').append($('<p>').text('Down Triggered'));
});
});
<a href="#" class="up">Up</a> <a href="#" class="down">Down</a>
<div style="width:300px;height:200px;background-color:red;color:white;">
<p>Hello, world!</p>
</div>
要做到这样的事情,我只需要添加更多的语义的方法。所以,如果你已经有了一个菜单,你想,当你向下滑动触发一个事件,而不是做这样的事情,
var menu = $('#menu');
menu.open = function() {
menu.slideDown();
menu.trigger('menuOpened');
};
然后只需调用menu.open()
,而不是menu.slideDown()
。这种方法在构建其他互相交互的对象时更具可读性和可维护性。然后,如果您选择稍后更改开场动画(例如,淡入淡出或某物),则不必更新与其交互的所有内容。