Bootstrap non funziona quando viene eseguito il wrapping di factor-bundle?

Question

Sto usando il fattore-fascio di avvolgere la mia comuni file 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 Poi ho incluso nel mio HTML, insieme a un avviso 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> 

Ma il pulsante di chiusura dell'allarme non funziona, quindi Bootstrap non viene chiaramente prelevato.

se includo il bootstrap e jQuery da una CDN, invece, nella stessa pagina HTML, funziona bene:

<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> 

Ecco un JSFiddle con il mio file common.js, non funziona: http://jsfiddle.net/2v9easbz/

Ed ecco un JSFiddle con collegamenti diretti CDN, lavorando bene: http://jsfiddle.net/vkf027z2/

Cosa c'è di sbagliato con il mio file common.js?

Answer 1

Non esattamente i riferimenti che ci avete dato, per risolvere il problema. Quindi questa risposta è discussa con tutte le possibilità che possono aiutarvi e guidarvi ad usarlo.

È possibile aggiungere funzionalità di esclusione a tutti alert messages con un bootstrap-alert.js o bootstrap.js.

Uso

Abilita licenziamento di un avviso tramite JavaScript:

$(".alert").alert()

Markup

Basta aggiungere data-dismiss="alert" al tuo vicino pulsante per dare automaticamente un avviso cl ose funzionalità.

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

Metodi

$().alert()

impacchi tutti gli avvisi con stretta funzionalità. Per fare in modo che i tuoi avvisi animino quando chiusi, assicurati che abbiano la classe .fade e .in già applicata a .

.alert('close')

Chiude un avviso.

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

Qui nel codice che si sta utilizzando Markup modo di allerta respingere come

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

Ciò funzionerà e revoca segnalazione solo se la sua dipendenza plug-in uno dei bootstrap-alert.js o bootstrap.js sono utilizzati.

Non ho trovato dove si sta cercando di aggregare al proprio common.js con questi plugin di dipendenza.

Se si stanno eseguendo il wrapping di queste dipendenze, assicurarsi che il riferimento del percorso del file o del plug-in fornito sia nella parte esatta della soluzione.