2013-03-29 7 views
15

में ईंधनक्स एम्बेड करते समय परिभाषित नहीं किया गया है, मैं डेटाग्रिड बनाने के लिए http://exacttarget.github.com/fuelux/ का उपयोग करना चाहता था। मैं पुस्तकालय को इसका उपयोग करने के लिए जोड़ना चाहता था। मैंने निम्नलिखित किया:संदर्भ त्रुटि: डेटाग्रिड.जेएस

<link href="<spring:url value='/assets/css/fuelux.min.css' htmlEscape='true' />"  media="all" rel="stylesheet" type="text/css" /> 
<link href="<spring:url value='/assets/css/fuelux-responsive.min.css' htmlEscape='true' />" media="all" rel="stylesheet" type="text/css" /> 
<script src="<spring:url value='/assets/js/fuelux-datagrid.js' htmlEscape='true' />" type="text/javascript"></script> 

मुझे यकीन है कि पथ सही है क्योंकि वे अन्य पुस्तकालयों में काम करते हैं। हालांकि, मैं त्रुटि निम्न मिल:

ReferenceError: define is not defined 
[Break On This Error] 
define(['require','jquery'],function(require) { 

जहां define(['require','jquery'],function(require) {...fuelux-datagrid.js में कोड है।

  • यह त्रुटि क्या है?
  • मुझे लगता है कि defineकी आवश्यकता है .js। क्या इसका मतलब है ईंधनक्स-डाटाग्रिड पर निर्भरता आवश्यकता है। जेएस?
  • क्या कोई मुझे पुस्तकालय लोड करने के लिए बता सकता है ताकि इसे काम कर सकें?

उत्तर

10

आप RequireJS का उपयोग नहीं कर रहे हैं, तो आप एक बुनियादी स्क्रिप्ट टैग में सिर्फ loader.min.js लोड करके इस के आसपास मिल सकती है: जावास्क्रिप्ट बूटस्ट्रैप के लिए आवश्यक के सभी

<script src="http://fuelcdn.com/fuelux/2.3/loader.min.js"></script> 

इस पैकेज में शामिल और ईंधन यूएक्स, एएमडी लोडर पर कोई बाहरी निर्भरता नहीं है।

+0

मुझे शायद ऐसा करने से पहले jQuery लोड करने की आवश्यकता को स्पष्ट करना चाहिए। किसी के लिए खेद है जो उस से निकल गया! –

+0

एडम, मैं FuelUX (गैर-एएमडी) के wizard.js भाग का उपयोग करने की कोशिश कर रहा हूं। मैं fuelux.min.css, jquery-2.1.0.min.js, loader.min.js और wizard.js (उस क्रम में) लोड कर रहा हूं और अभी भी परिभाषित करना परिभाषित नहीं है। क्या मैं कुछ भूल रहा हूँ? – RHarris

+0

loader.min.js में विज़ार्ड समेत सभी नियंत्रण शामिल हैं। जो त्रुटि आप देख रहे हैं वह शायद विज़ार्ड.जेएस में एएमडी रैपर द्वारा पेश की जा रही है। आप उस फ़ाइल को हटाने में सक्षम होना चाहिए क्योंकि तर्क loader.min.js में निहित है। सावधान रहें, लाइब्रेरी के संस्करण 3 के लिए ईंधन यूएक्स लोडिंग रणनीतियों की संभावना बदल जाएगी। –

3

हां, वे RequJS पर निर्भरता प्रतीत होते हैं। मुझे सहमत होना चाहिए कि उनके पास अधिक संसाधन नहीं हैं जो बताते हैं कि लाइब्रेरी को लोड करने के लिए (कम से कम मैंने जो देखा है), लेकिन मैं जो करना चाहता हूं वह लोड requ.js है और यह जांचकर कि वह कौन से अन्य संसाधनों को लोड करने का प्रयास कर रहा है, देखकर नेटवर्क अनुरोध पर।

RequJS को सेटअप करने के तरीके पर एक उदाहरण दिया गया है। आप their docs पर भी देख सकते हैं।

<script src="scripts/require.js"></script> 
<script> 
    require.config({ 
    baseUrl: "/another/path", //here's where it will look for scripts 
    paths: { 
     "some": "some/v1.0" //path to other dependencies not located in the base path 
    } 
    }); 
</script> 
12

यह मेरे लिए काम किया:

<script src="https://raw.github.com/ExactTarget/fuelux/master/lib/require.js"></script> 
<script type="text/javascript" src="https://raw.github.com/ExactTarget/fuelux/master/dist/datagrid.js"></script> 

मैंने कोशिश की क्या @AdamAlexander सुझाव दिया है और क्या here का सुझाव दिया है और काम नहीं किया। मैंने नवीनतम जरूरी चीजों की भी कोशिश की और एक बुरा अपवाद मिला। जाओ पता लगाओ।

+0

धन्यवाद। यह भी मेरे लिए काम किया। बहुत बहुत धन्यवाद। और, दूसरे द्वारा जवाब भी सहायक थे। – Lasang

+0

इसके लायक होने के लिए, मैं काम करने के लिए जुड़े ExactTarget निर्देश (जैसे बस jQuery और उनके लोडर) को प्राप्त करने में सक्षम था। यह शुरू में शुरू नहीं हुआ था और मुझे पता चला कि मैं जो खो रहा था वह उस घटक के ऊपर डीओएम में "ईंधनक्स" की कक्षा के साथ एक तत्व था जिसे मैं बनाने की कोशिश कर रहा था। http://jsfiddle.net/LeCodeNinja/FdpVL/ –

+0

यह लगभग मेरे लिए काम करता था, लेकिन requ.js को 'टेक्स्ट/सादा' के रूप में वापस किया जा रहा था, इसलिए जेएस के रूप में नहीं चल रहा था।मैंने URL में raw.github को rawgithub में बदल दिया है, जैसा कि यहां बताया गया है: http://webmasters.stackexchange.com/a/51708 –

संबंधित मुद्दे