2

twitter-bootstrap を別のモジュールに入れるために、require.js-scipt を実装しました。しかし、モーダルダイアログを開くボタンを含むページで想定どおりに動作するかどうかをテストすると、何も起こりません。css-components を require-module と結び付けるには、さらに何かをしなければならないと思います。しかし、私はどこを変更する必要があるのか​​ わかりません。モジュールは「Loaded..」メッセージをコンソールに出力するので、これまでのところ動作しているようです。

私のモジュール:

require.config({
    paths : {
        'jquery' : ['extdep/jquery-1-8-3'],
        'bootstrap-modal' : ['extdep/twitter-bootstrap/js/bootstrap-modal']
    },
    shim : {
        'bootstrap-modal' : ['jquery']
    }
});

require(['jquery', 'bootstrap-modal'],
     function($){
         console.log("Loaded :)");    
         return {};
     }
);

モーダル ダイアログとスクリプト タグをモジュールに実装する Div。

    <div class="container">
                <h2>Example of creating Modals with Twitter Bootstrap</h2>
                <div id="example" class="modal hide fade in" style="display: none;">
                    <div class="modal-header">
                        <a class="close" data-dismiss="modal">×</a>
                        <h3>This is a Modal Heading</h3>
                    </div>
                    <div class="modal-body">
                        <h4>Text in a modal</h4>
                        <p>You can add some text here.</p>
                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn btn-success">Call to action</a> <a href="#"
                            class="btn" data-dismiss="modal">Close</a>
                    </div>
                </div>
                <p>
                    <a data-toggle="modal" href="#example"
                        class="btn btn-primary btn-large">Launch demo modal</a>
                </p>
            </div>

<script data-main="main" 
            src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.4/require.min.js" />

私が見逃しているものはありますか？

4

2 に答える 2

0

data-parent="example"この行に必要だと思います。

<a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Launch demo modal</a>

しかし、私は 100% ではありません。私たちがそれで遊ぶことができるように、jsfiddle を作成する必要があります。

于 2013-04-13T04:57:51.127 に答える