बूटस्ट्रैप बहुविकल्पीय: TypeError: $ (...)। multiselect एक फ़ंक्शन नहीं है - jquery, twitter-bootstrap

मैं बूटस्ट्रैप बहु चयन प्लगइन का उपयोग करना चाहता हूँ: बूटस्ट्रैप मल्टीइलेक्ट

लेकिन यह मेरे लिए काम नहीं कर रहा है।

<script type="text/javascript" src="dist2/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="dist2/css/bootstrap-multiselect.css" type="text/css"/>

<script type="text/javascript">

$(document).ready(function(){

$("#doc_1").multiselect();

});

</script>

उत्तर:

जवाब के लिए 8 № 1

आपको अपनी प्लगइन से पहले एक jquery लाइब्रेरी और बूटस्ट्रैप लाइब्रेरी की आवश्यकता है:

<!-- Include Twitter Bootstrap and jQuery: -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<!-- Include the plugin"s CSS and JS: -->
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>

ध्यान दें:

आपको हमेशा किसी भी स्क्रिप्ट से पहले अपना सीएसएस रखना चाहिए।

यहां से संदर्भ प्राप्त करें।


जवाब के लिए 12 № 2

मेरे .cshtml में सही क्रम में फ़ाइलों को संदर्भित करने के बाद भी, बूटस्ट्रैप के मल्टीइलेक्स्ट का परीक्षण करने के लिए नमूना लिखते समय मुझे एक ही समस्या का सामना करना पड़ा।

यह पता चला कि मैंने jquery संदर्भित किया थालाइब्रेरी दो बार, और एक बार मैंने इसे सही करने के बाद, यह ठीक काम करना शुरू कर दिया। कभी-कभी क्रोम देव उपकरण का उपयोग करके आप लाइब्रेरी को दो बार लोड नहीं देख सकते हैं, हालांकि, यदि आप पृष्ठ पर राइट क्लिक करते हैं और स्रोत देखें तो आप देख सकते हैं कि यह डुप्लिकेट है या नहीं।


जवाब के लिए 3 № 3

अपने index.html में निम्नलिखित JQuery और बूटस्ट्रैप फ़ाइलों को शामिल करें।

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>

जवाब के लिए 0 № 4

इंडी के जवाब में जोड़ने के लिए, मैंने इसका सामना कियामुद्दा जहां मेरे पास दो jquery संदर्भ था और इसलिए मल्टीसेलेक्ट ड्रॉप डाउन के बजाय एक सूची बॉक्स था। ऐसा इसलिए था क्योंकि मेरा पृष्ठ लेआउट पेज से विरासत में मिला था, जिसमें इसका स्वयं का jquery संदर्भ था। इसलिए सुनिश्चित करें कि आपके पास साझा / _Layout.cshtml या आपके पृष्ठ में संदर्भ है जहां आप ड्रॉप डाउन को लागू कर रहे हैं।


जवाब के लिए 0 № 5

अगर मेरे जैसे कोई व्यक्ति इस चेक में आया है

  1. क्या कोई डुप्लिकेट है jquery/js प्रवेश
  2. है js files सही क्रम हैं?
  3. क्या आपने लिखा <script href= के बजाय <script src= : डी

संबंधित सवाल
सबसे लोकप्रिय