मैंने देखा कि कुछ दस्तावेज वेब पेज खुराक को सामग्री लोड करने के लिए रीफ्रेश करने की आवश्यकता नहीं है, इस प्रकार साइडबार/मेनू हमेशा वहां होता है और केवल सामग्री अपडेट की जाती है।

मैं एक ग्राफिक डिजाइनर हूं और मैं एक ब्रांड लोगो गाइड के लिए एक साधारण दस्तावेज पृष्ठ बना रहा हूं, मैं बैकएंड में वास्तव में अच्छा नहीं हूं और मैं एक ऐसे ढांचे की तलाश में हूं जो प्रत्येक पृष्ठ को लगातार रीफ्रेश किए बिना नेविगेशन को लोड और रूट कर सके। मुझे लगता है कि यह आईफ्रेम नहीं है।

क्या यह शुद्ध जावास्क्रिप्ट पृष्ठ सामग्री को पुनः लोड कर रहा है उदा। $( "#div") .load("mycontent.html" );, या एक समान वेब पेज बनाने के लिए मुझे क्या देखना चाहिए?

0
adrian li 23 मार्च 2020, 10:07

1 उत्तर

सबसे बढ़िया उत्तर

यहां एक उदाहरण कोड (वेनिला जावास्क्रिप्ट) है कि आप एक ईवेंट श्रोता को सभी नेवलिंक्स से कैसे जोड़ेंगे, जब क्लिक करने पर कार्रवाई होगी:

/* Reload view content when changing tabs/nav-links */
var navLinks = document.getElementsByClassName("nav-link");
for (var i = 0; i < navLinks.length; i++) {
    navLinks[i].addEventListener("click", function(event){

  .... Here is the reloding stuff for the selected view 
  Simple way: insert html from predefined files like contentTabX.html (x = 1.. n)
 or load the dynamic generated content from the server/DB 

    }, false);
}

बेशक आप बूटस्ट्रैप4 या इसी तरह के ढांचे का उपयोग कर सकते हैं जो कुछ कार्यक्षमता प्रदान करते हैं, लेकिन कीमत बहुत अधिक (अक्सर समस्याग्रस्त) ओवरहेड होती है।
कुछ बुनियादी जावास्क्रिप्ट (वेनिला) सीखना और स्टैक ओवरफ्लो जैसे विश्वसनीय स्रोतों से कोड ब्लॉक का उपयोग करना सबसे अच्छा है

0
Codebreaker007 23 मार्च 2020, 10:03