2017-01-15 8 views
0

公式ブートストラップJSファイルを使用してみると、私はこのコードを見つけました:BootStrap ModalのJavaScriptコードのオプションはどこにありますか?

var Modal = function (element, options) { 
    this.options    = options 
    this.$body    = $(document.body) 
    this.$element   = $(element) 
    this.$dialog    = this.$element.find('.modal-dialog') 
    this.$backdrop   = null 
    this.isShown    = null 
    this.originalBodyPad  = null 
    this.scrollbarWidth  = 0 
    this.ignoreBackdropClick = false 

    if (this.options.remote) { 
    this.$element 
     .find('.modal-content') 
     .load(this.options.remote, $.proxy(function() { 
     this.$element.trigger('loaded.bs.modal') 
     }, this)) 
    } 
} 

Modal.prototype.escape = function() { 
    if (this.isShown && this.options.keyboard) { 
    this.$element.on('keydown.dismiss.bs.modal', $.proxy(function (e) { 
     e.which == 27 && this.hide() 
    }, this)) 
    } else if (!this.isShown) { 
    this.$element.off('keydown.dismiss.bs.modal') 
    } 
} 

コードはいくつかのオプションをチェックするための時間のthis.options多くを使用するように見えます。 (私は推測?)コードはまた、2番目の行this.options = optionsでこれらのオプションを設定するように見えます。私が理解できないことは、これらのオプションがモーダルに提供される場所と、それに提供されるさまざまな値は何かです。

+1

で削除されました:http://getbootstrap.com/javascript/#modals-options – ZimSystem

+0

おかげ@ZimSystem。私は前にそれらに気付かなかった。 :) –

答えて

0

オプションはHTML dataの属性またはJavaScriptで渡すことができます。 data属性の場合は、data-backdrop=""のように、data-にオプション名を追加します。 以下の表を参照してください。

背景booleanまたは文字列static - モーダルな背景の要素が含まれています。または、クリック時にモーダルを閉じることのない背景に静的を指定します。

キーボードbooleanは - エスケープキーが

押されたときにモーダルを閉じbooleanを表示 - 初期化時にモーダルを表示します。

リモートpath - このオプションは、V3.3.0以降廃止されており、V4それはすべてここで説明しています

+0

ありがとうbodi0。これらのオプションを指定しなければ、デフォルトは 'true'ですか? –

+0

これらはすべてデフォルトで 'true'に設定されていますが、' remote'を除いて – bodi0

+0

もう1つ質問があります。明示的に指定されていなければ、 'remote'の値は' href'属性と等しくなりますか?ありがとう。 –

関連する問題