Mutiple tag change within Javascript in HTML -


  यह मेरा जेसन डेटा है [{"menu": {"menuID": "1", "ओमफीड" : "$$", "language": "1", "menu_name": "कोयोट ब्लूज़ लुइसियाना मेनू", "मेनू_विचार": "पूर्ण मेनू पूरे दिन सेवा प्रदान करता है।", "Menu_note": null, "currency_symbol": " "", "अक्षम": "0", "मेनू_यूआईडी": "लेक चार्ल्स \ u0000 \ u0000 \ u0000 \ u0000", "menu_duration_name": "सभी दिवस", "मेनू_विचार_टाइमस्टार्ट": "11:00:00", "   

यह मेरी जावास्क्रिप्ट है पूर्व> फ़ंक्शन मेन्यू_रेस्टोरिआईआईडी () {var क्वेरी = $ .getJSON ('मेनू / रेस्टोरेंटआईडी.जेसन', फ़ंक्शन (डेटा) {console.log ("सफलता");}); Query.error (फ़ंक्शन (डेटा) {चेतावनी ("त्रुटि");}); Query.complete (फ़ंक्शन (डेटा) {var h = नया स्ट्रिंग (); var टेक्स्ट = $ .अर्जसेजसन (डेटा.प्रस्पतिक टेक्स्ट); // चेतावनी ("डेटा की लंबाई बराबर है"); //alert(text.length); var टी = नया स्ट्रिंग (); टी + = '& lt; ul class = "tabs" & gt;'; / * के लिए (var i = 0; i & lt; text.length; i ++) {टी + = '& lt; li & gt; & lt; a Href = "#" & gt; '+ टेक्स्ट [i] [' मेनू ']। Menu_name +' & lt; / a & gt; & lt; / li & gt; ';} टी + =' & lt; / ul & gt; '; h + =' & lt; div Class = "panes" & gt; '; * / for (var i = 0; i & lt; text.length; i ++) {h + =' & lt; div & gt; '; // h + = पाठ [i] [' मेनू '] मेनूआईडी + '& lt; br & gt;'; //h+=text[i] [']' मेनू '। ओएमएफआईडी' & lt;br> '; //h+=text[i] ['] 'मेनू' .मेनू_नाम ''<br> '; यदि (पाठ [i] [' मेनू ']। Menu_description! = Null) h + = text [i] [' मेनू ']। Menu_description +' & lt; br & gt; 'if (text [i] [' menu '] '' 'एच' = 'टेक्स्ट' [i] ['मेनू']। Menu_note + '& lt; br & gt;'; h + = text [i] ['मेनू']। Currency_symbol + '& lt; br & gt;'; h + = text [ I] ['मेनू']। भाषा + '& lt; br & gt;'; //if(text [hi] ['menu'END_LINK.disabled \=null] //h+=text[i] [' मेनू '] \ "निष्क्रिय \" '& Lt; br & gt;'; h + = text [i] ['मेनू']। Menu_uid + '& lt; br & gt;'; h + = text [i] ['मेनू']। Menu_duration_name + '& lt; br & gt;'; h + = t ext [मैं] [ 'मेनू'] menu_duration_time_start +। '& lt; br & gt;'; ज + = पाठ [मैं] [ 'मेनू'] menu_duration_time_end +। '& lt; br & gt; & lt; br & gt; & lt; br & gt; & lt; br & gt;'; //h+=text[i]['menu'].fDateAdded+ ''; H + = '& lt; / div & gt;'; } H + = '& lt; / div & gt;'; // चेतावनी ( "ज"); // चेतावनी (ज); । $ ( '# मेनू') (टी) संलग्न; । $ ( '# मेनू') संलग्न (ज); }); $ (फ़ंक्शन () {// सेटअप DIV.panes $ ("ul.tabs") के अंतर्गत प्रत्येक DIV के लिए टैब के रूप में काम करने के लिए सेटअप करें। टैब ("div.panes & gt; div");});

मैं डेटा को ठीक कर रहा हूं, लेकिन मैं टैब डिवाइडर में सूचना प्रदर्शित करना चाहता हूं। जैसे की लेकिन अभी भी यही काम करता है, केवल एक में सभी डेटा दिखाता है। मुझे यकीन नहीं है कि इसका कारण यह है कि कैसे डेटा पुनर्प्राप्त करने के लिए im या क्या

मेरा प्रश्न है:

  1. क्यों मेरा कोड ठीक से प्रदर्शित नहीं है?

  2. दूसरा क्या है टैब में डेटा प्रदर्शित करने का तरीका?

    निम्न पंक्ति सेट हो जाती है टैब:

      $ ("ul.tabs")। टैब ("div.panes & gt; div");   

    हालांकि, यह पृष्ठ लोड होने पर चलाया जाता है। उस बिंदु पर आपका टैब पृष्ठ में मौजूद नहीं है आप उन्हें अजाक्स अनुरोध के माध्यम से बाद में जोड़ें।

    संपादित करें:

    यहां समस्याओं की गुंजाइश

    1. आप इस पृष्ठ को टैब्स को जोड़ते समय पूरी कॉलबैक पर उस पंक्ति को जोड़ना चाहते हैं। आपकी टैब्स ul खाली है क्योंकि उसको भरने वाले कोड की टिप्पणी की जाती है
    2. आपके पास सूची आइटम (जो मुझे लगता है टैब टैब के लिए होता है) के बीच कोई संबंध नहीं है और divs जिसमें टैब की सामग्री होती है (डिवीज़ में आईडी होना चाहिए और सूची आइटमों में लिंक्स को उस आईडी को लक्षित करना चाहिए)
    3. आपको .tabs () को कॉल करने की आवश्यकता है शीर्षकों और सामग्री, न केवल शीर्षकों
    4. आपको .done () नहीं .complete ()
    5. आपने $ .getJSON को बुलाया था, इसलिए भेजा गया डेटा पहले से ही JSON पार्स किया जाएगा, लेकिन आप इसे फिर से पार्स करने की कोशिश करते हैं।

      मुझे लगता है कि आप कुछ ऐसा चाहते हैं (मैं var डेटा में .done () में बदल गया है, इसे बेला में काम करने के लिए। वास्तविक उपयोग के मामले में var को हटा दें डेटा = ... निश्चित करें और कॉलक जैसे query.done (फ़ंक्शन (डेटा) {{/ code>) के लिए एक पैरामीटर के रूप में डेटा सेट करें

      मैं सुझाव देता हूं कि पुनः रीडिंग भी और जब आप एजेक्स अनुरोध करते हैं और कंसोल में कौन सी त्रुटि संदेश आते हैं (मेरी व्यक्तिगत वरीयता के लिए है लेकिन क्रोम देव टूल और फिल्डलर भी विकल्प हैं) तो पीछे और पीछे क्या भेजा जाता है यह देखने के लिए डिबगर का उपयोग करें

Comments

Popular posts from this blog

wpf - ControlTemplate with changes for every class -

sonata admin - how to add ManyToOne property field in configureListfield in sonataAdmin -

sql - Return Function using Cursor -