데이터가

Question

내가 고안 => 세션

<div class="widgettitle"> 
    <button type="button" class="close" data-dismiss="alert">×</button> 
    <%= "<div class=\"flash_error\">#{h alert}</div>".html_safe unless alert.blank? %> 
    <%= "<div class=\"flash_notice\">#{h notice}</div>".html_safe unless notice.blank? %> 
    </div> 

하지만, 닫기 버튼이 작동하지 않는 경우에 다음과 같은 사업부는 .. 사람이 도와주세요 수있는 레일에서 버튼을 기각 사용하여 트위터 부트 스트랩 경고를 닫을 수 없습니다 ...?

Answer 1

안녕하세요 j 님이 포함되어 있습니까?

트위터 부트 스트랩의 경고 기능을 사용한다고 가정합니다.

!function ($) { 

    "use strict"; // jshint ;_; 


/* ALERT CLASS DEFINITION 
    * ====================== */ 

    var dismiss = '[data-dismiss="alert"]' 
    , Alert = function (el) { 
     $(el).on('click', dismiss, this.close) 
     } 

    Alert.prototype.close = function (e) { 
    var $this = $(this) 
     , selector = $this.attr('data-target') 
     , $parent 

    if (!selector) { 
     selector = $this.attr('href') 
     selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 
    } 

    $parent = $(selector) 

    e && e.preventDefault() 

    $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) 

    $parent.trigger(e = $.Event('close')) 

    if (e.isDefaultPrevented()) return 

    $parent.removeClass('in') 

    function removeElement() { 
     $parent 
     .trigger('closed') 
     .remove() 
    } 

    $.support.transition && $parent.hasClass('fade') ? 
     $parent.on($.support.transition.end, removeElement) : 
     removeElement() 
    } 


/* ALERT PLUGIN DEFINITION 
    * ======================= */ 

    var old = $.fn.alert 

    $.fn.alert = function (option) { 
    return this.each(function() { 
     var $this = $(this) 
     , data = $this.data('alert') 
     if (!data) $this.data('alert', (data = new Alert(this))) 
     if (typeof option == 'string') data[option].call($this) 
    }) 
    } 

    $.fn.alert.Constructor = Alert 


/* ALERT NO CONFLICT 
    * ================= */ 

    $.fn.alert.noConflict = function() { 
    $.fn.alert = old 
    return this 
    } 


/* ALERT DATA-API 
    * ============== */ 

    $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) 

}(window.jQuery); 

어떻게 응용 프로그램에서 트위터 부트 스트랩을 사용하는

?

//= require bootstrap을 application.js 파일에 포함 시켰습니까? 이것은 보석 부트 스트랩 - 사스 (gem sass-rails에 의존) 사용에 대한 선호와 함께 필요합니다.