在alert
插件中,这两行代码是什么意思啊:
Alert.prototype.close = function (e) {
var $this = $(this)
var selector = $this.attr('data-target')
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
var $parent = $(selector)
if (e) e.preventDefault()
if (!$parent.length) {
$parent = $this.closest('.alert')
}
// 这两行是什么意思啊,怎么看也看不懂。
$parent.trigger(e = $.Event('close.bs.alert'))
if (e.isDefaultPrevented()) return
$parent.removeClass('in')
function removeElement() {
// detach from parent, fire event then clean up data
$parent.detach().trigger('closed.bs.alert').remove()
}
$.support.transition && $parent.hasClass('fade') ?
$parent
.one('bsTransitionEnd', removeElement)
.emulateTransitionEnd(Alert.TRANSITION_DURATION) :
removeElement()
}
Update:这是作为关闭alert
前的事件,bootstrap写在这里面,不看源码的人谁知道这么用啊。
类似于,这个模态框的生命周期。
关闭前 -》 关闭 -》 已关闭
关闭alert
前可以执行的事件。用法的话如下:
$().on('close.bs.alert', function (e) { console.log(1);e.preventDefault() });
在关闭前输出1,但是会阻止默认的关闭弹窗事件。
// 这两行是什么意思啊,怎么看也看不懂。
$parent.trigger(e = $.Event('close.bs.alert'))//A
if (e.isDefaultPrevented()) return//B
语句A 中e = $.Event('close.bs.alert')
创建一个close.bs.alert事件,赋值给e变量;赋值语句执行后,将返回e变量
例如
console.log(a=2);//输出2
$parent.trigger
手工触发e事件
语句B
判断e事件是否已经设置为取消默认动作执行,如果是,那么终止整个函数的执行。
一旦调用trigger方法后,绑定close.bs.alert
的回调函数将会被马上执行,所以e是否被阻止默认行为将会马上知道~~~