10

一般的な JS ファイルをラップするために factor-bundle を使用しています。

browserify index.js bar-charts.js list-filter.js dashboard.js 
 -p [ factor-bundle -o ../../static/js/index.js -o ../../static/js/bar-chart.js -o ../../static/js/list-filter.js -o ../../static/js/dashboard.js ] 
 -o ../../static/js/common.js

次に、Common.js を HTML に組み込み、Bootstrap アラートを追加しました。

 <div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    Alert alert!
 </div> 
 <script src="/static/js/common.js"></script>

しかし、アラートの閉じるボタンは機能しないため、Bootstrap は明らかにピックアップされていません。

代わりに CDN の Bootstrap と jQuery を同じ HTML ページに含めると、問題なく動作します。

<div class="alert alert-danger alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    Alert alert!
 </div> 
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

ここに私の common.js ファイルを含む JSFiddle がありますが、動作していません: http://jsfiddle.net/2v9easbz/

そして、ここに直接CDNリンクを含むJSFiddleがあり、正常に動作しています: http://jsfiddle.net/vkf027z2/

common.js ファイルの何が問題になっていますか?

4

1 に答える 1