Bootstrap не работает, если он завернут факторизацией?

Я использую factor-bundle для переноса моих общих JS файлов:

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 явно не подбирается.

если я включаю Bootstrap и jQuery из CDN вместо этого, на той же 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>

Вот JSFiddle с моим файлом common.js, не работает: http://jsfiddle.net/2v9easbz/

И вот JSFiddle с прямыми ссылками CDN, отлично работает: http://jsfiddle.net/vkf027z2/

Что не так с моим файлом common.js?

Ответ 1

Не точные ссылки, которые вы нам дали, чтобы решить проблему. Поэтому этот ответ обсуждается со всеми возможностями, которые могут помочь вам и помогут вам использовать его.

Мы можем добавить функции отклонения ко всем сообщениям оповещения с помощью bootstrap-alert.js или bootstrap.js.

Использование

Включить увольнение оповещения через JavaScript:

$(".alert").alert()

Разметка

Просто добавьте data-dismiss="alert" к вашему закрытию чтобы автоматически настроить функцию оповещения о тревоге.

<a class="close" data-dismiss="alert" href="#">&times;</a>

Методы

$().alert()

Обертывание всех предупреждений с тесной функциональностью. Чтобы ваши анимированные оповещения при закрытии убедитесь, что у них уже есть .fade и .in class применяется к ним.

.alert('close')

Закрывает предупреждение.

$(".alert").alert('close')

Здесь, в вашем коде, вы используете способ разметки Markup, как

<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

Это будет работать и отменяет предупреждение только в том случае, если используется его плагин зависимости от bootstrap-alert.js или bootstrap.js.

Я не нашел там, где вы пытаетесь связать ваш common.js с этими плагинами зависимостей.

Если вы завершаете эти зависимости, убедитесь, что ссылка на файл файла или плагина, который вы указали, находится в точной части вашего решения.