首页 > bootstrap中这是什么意思。

bootstrap中这是什么意思。

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是否被阻止默认行为将会马上知道~~~

【热门文章】
【热门文章】