asp.net - Implement jQuery Plugin in Visual Studio 2013 Project -

मैंने Visual Studio 2013 में एक नया asp.NET वेब प्रोजेक्ट प्रोजेक्ट बनाया है। यह डिफ़ॉल्ट रूप से स्थापित jquery-1.10.2.js ।

मैंने पैकेज मैनेजर कंसोल का प्रयोग- पैकेज jQuery -Version 1.11.2 में किया क्योंकि प्रबंधन नुगेट संकुल केवल डिफ़ॉल्ट रूप से Nuget 2.1.3 की पेशकश की थी। मुझे पहले jQuery की आवश्यकता है।

मैं वीएस 2010 का उपयोग कर रहा हूं, और मैं पूरी तरह से नए एएसपी.नेट 4.5 स्क्रिप्ट मैनेजर से परिचित नहीं हूं। JQuery के प्लगइन्स के लिए वीएस 2010 के साथ, आप मास्टर पेज के मुख्य भाग में .js और .css को संदर्भित करते हैं।

  & lt; head id = "head1" runat = "server" & gt; & Lt; link href = "css / colorpicker.css" rel = "स्टाइलशीट" प्रकार = "टेक्स्ट / सीएसएस" / & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "जेएस / रंग पिक्चर.जेएस" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / head & gt; एएसपी .नेट 4.5 के साथ मैं एक तीसरी पार्टी के jQuery प्लगइन को जोड़ने के तरीके के बारे में थोड़ा सा अस्पष्ट हूँ, क्योंकि ऐसा प्रतीत होता है कि सभी .js फ़ाइलों को ScriptManager के द्वारा कार्यान्वित किया जाता है, न कि बस सिर अनुभाग में स्क्रिप्ट टैग के भीतर संदर्भित।  
 मेरा Google अनुसंधान: "दृश्य स्टूडियो 2013 वेब फॉर्म में jquery प्लगइन स्थापित करें" में इनके साथ काम करने वाले मुद्दे मिलते हैं: Nuget पैकेज प्रबंधक, JQuery स्थापित करना, या विज़ुअल स्टूडियो एक्सटेंशन।  
 मुझे कुछ भी नहीं मिला है जो स्पष्ट रूप से बताता है कि विजुअल स्टूडियो 2013 के साथ एएसपी.नेट वेब प्रपत्र अनुप्रयोग में तीसरे पक्ष के jQuery प्लगइन्स को कैसे जोड़ना है।  
 यहां मेरे जेएस संदर्भ हैं वीएस 2013 में नव निर्मित मास्टर पेज:  
  & asp: ScriptManager runat = "server" & gt; & LT; स्क्रिप्ट & gt; & Lt;% - स्क्रिप्ट मैनेजर में बंडलिंग स्क्रिप्ट के बारे में अधिक जानने के लिए http://go.microsoft.com/fwlink/?LinkID=301884 -% & gt; & Lt;% - फ्रेमवर्क स्क्रिप्ट -% & gt; & Lt; asp: ScriptReference name = "MsAjaxBundle" / & gt; & Lt; asp: ScriptReference नाम = "jquery" / & gt; & Lt; asp: ScriptReference name = "bootstrap" / & gt; & Lt; asp: ScriptReference name = "response" / & gt; & Lt; asp: ScriptReference नाम = "WebForms.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / WebForms.js" / & gt; & Lt; asp: ScriptReference नाम = "WebUIValidation.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / WebUIValidation.js" / & gt; & Lt; asp: ScriptReference नाम = "MenuStandards.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / MenuStandards.js" / & gt; & Lt; asp: ScriptReference नाम = "GridView.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / GridView.js" / & gt; & Lt; asp: ScriptReference नाम = "DetailsView.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / DetailsView.js" / & gt; & Lt; asp: ScriptReference नाम = "TreeView.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / TreeView.js" / & gt; & Lt; asp: ScriptReference नाम = "WebParts.js" विधानसभा = "System.Web" पथ = "~ / लिपियों / WebForms / WebParts.js" / & gt; & Lt; asp: ScriptReference name = "Focus.js" विधानसभा = "System.Web" पथ = "~ / स्क्रिप्ट / वेबफॉर्म / फोकस.जेएस" / & gt; & Lt; asp: ScriptReference name = "WebFormsBundle" / & gt; & Lt;% - साइट लिपियों -% & gt; & Lt; / स्क्रिप्ट & gt; & Lt; / एएसपी: ScriptManager & gt;  
 
 यह नया वी.एस. 2013 वेब प्रपत्र प्रोजेक्ट में भी है: packages.config, संदर्भ। Js, बंडल कॉन्फ़िग.कॉम 
 
 मैं आपके मार्गदर्शन की सराहना करता हूं। 
 

मैं आमतौर पर / App_Start फ़ोल्डर में BundleConfig.cs के अंतर्गत अपने स्वयं के बंडल में कस्टम स्क्रिप्ट को निम्न प्रकार से जोड़ता हूं:

  ScriptManager.ScriptResourceMapping.AddDefinition ("my-plugin", नया ScriptResourceDefinition {path = "~ / scripts / my-plugin.min.js", डीबगपाथ = "~ / लिपियों / my-plugin.js" ,});  

तब आप अपने मास्टर पेज में स्क्रिप्ट मैनेजर में बंडल को संदर्भित कर सकते हैं (जैसे कि jQuery ScriptReference) इस तरह से:

  & lt; asp: ScriptReference name = "मेरा-प्लगइन" / & gt;  

यह आपको डिबगिंग बनाम उत्पादन के लिए अलग .js फ़ाइलों का उपयोग करने की अनुमति देता है। अगर आपके पास केवल एक स्क्रिप्ट संस्करण है, तो मेरा विश्वास है कि आप बस डीबगपथ लाइन को छोड़ सकते हैं।

यदि प्लग-इन को किसी भी सीएसएस फ़ाइलों को जोड़ने की आवश्यकता है, तो उन्हें Bundle.config में निम्न प्रकार से जोड़ा जा सकता है:

  & lt;? Xml संस्करण = "1.0" एन्कोडिंग = "यूटीएफ -8"? & Gt; & Lt; बंडल संस्करण = "1.0" & gt; & Lt; शैली बंडल पथ = "~ / सामग्री / सीएसएस" & gt; & Lt;! - ... अन्य फाइलें संभवतः यहां शामिल हैं - & gt; & Lt; पथ में शामिल करें = "~ / content / my-plugin.css" / & gt; & Lt; / styleBundle & gt; & Lt; / बंडलों & gt;