कारक-बंडल द्वारा लिपटे बूटस्ट्रैप काम नहीं करता है?

Question

मैं कारक-बंडल का उपयोग कर, मेरा जे एस फ़ाइलें रैप करने के लिए: मेरे HTML में

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, एक बूटस्ट्रैप चेतावनी के साथ:

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

लेकिन अलर्ट बंद बटन काम नहीं करता है, इसलिए बूटस्ट्रैप स्पष्ट रूप से नहीं उठाया जा रहा है। मेरी common.js फ़ाइल के साथ

<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, काम नहीं कर रहा:

अगर मैं बूटस्ट्रैप और jQuery एक CDN से बजाय शामिल हैं, एक ही HTML पृष्ठ में, यह सिर्फ ठीक काम करता है http://jsfiddle.net/2v9easbz/

और यहाँ प्रत्यक्ष CDN लिंक के साथ एक JSFiddle, ठीक काम कर रहा है: http://jsfiddle.net/vkf027z2/

क्या गलत है मेरी common.js साथ फाइल?

Answer 1

इस मुद्दे को हल करने के लिए आपने हमें दिए गए सटीक संदर्भ नहीं हैं। इसलिए इस उत्तर पर सभी संभावनाओं के साथ चर्चा की जा सकती है और इसका उपयोग करने के लिए आपको मार्गदर्शन कर सकते हैं।

हम सभी alert messages पर bootstrap-alert.js या bootstrap.js के साथ खारिज कार्यक्षमता जोड़ सकते हैं।

$(".alert").alert()

मार्कअप बस अपने पास बटन को data-dismiss="alert" जोड़ने स्वचालित रूप से अलर्ट देने के लिए:

प्रयोग

जावास्क्रिप्ट के माध्यम से एक चेतावनी की बर्खास्तगी सक्षम करें सीएल ओएस कार्यक्षमता।

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

तरीके

$().alert()

Wraps पास कार्यक्षमता के साथ सभी अलर्ट। बंद होने पर अपने अलर्ट को एनिमेट करने के लिए, सुनिश्चित करें कि उनके पास .fade और .in क्लास पहले से ही लागू है।

.alert('close')

एक चेतावनी बंद करता है।

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

अपने कोड में अलर्ट के मार्कअप तरह से खारिज के रूप में

<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 पर बंडल करने का प्रयास करने का कोई स्थान नहीं मिला है।

यदि आप इन निर्भरताओं को लपेट रहे हैं, तो सुनिश्चित करें कि आपके द्वारा दी गई फ़ाइल या प्लगइन का पथ संदर्भ आपके समाधान के सटीक हिस्से में है।