为了账号安全,请及时绑定邮箱和手机立即绑定

查手册用一种更优雅的委托写法,虽然也能很好的运行,中间还有些东西不知道如何完美处理

(function($){
	var num = 2;
	var $rating = $('#rating');
	var $lists = $rating.find('.rating-item');

	init(num);

	$rating.on({
		'mouseover' : function(e) {
			e.preventDefault();
			var i = $(this).index();
			init(i);
		},
		'click' : function(e) {
			var i = $(this).index();
			num = i;
		},
		'mouseout' : function(e) {
			init(num);
		}
	}, '.rating-item');

	function init(num) {
		$lists.each(function($i, el) {
			// console.log($i, el);
			if ($i <= num) {
				$(el).css('background-position', '2px -28px');
			} else {
				$(el).css('background-position', '2px 0');
			}
		});
	}
})(jQuery);

最后一个“mouseout”事件,是不应该委托的,但是用这种写法,我不知道该怎么写了,请老师指教。谢谢

正在回答

1 回答

再链接一个on写本身的委托方法就可以 和老师讲的一样

0 回复 有任何疑惑可以回复我~
#1

ThinkSummer 提问者

对呀,混合使用。
2017-06-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

查手册用一种更优雅的委托写法,虽然也能很好的运行,中间还有些东西不知道如何完美处理

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信