मैंने कोशिश की है:कुछ एचटीएमएल लोड करने और jQuery के साथ <body> में कैसे संलग्न करें?
$.load("Views/chatBox.html").appendTo('body') is not working!
TypeError: $.load is not a function
संपादित: जवाब कोड का केवल एक लाइन होना चाहिए, वह पर्याप्त है, मुझे लगता है कि
मैं न समझें कि शरीर के निचले भाग में कंटेनर डालने और उसमें बाहरी पृष्ठ लोड करने के लिए आपको क्या चाहिए?
यह क्या तुम कोशिश कर सकते है:
<script type="text/javascript">
$(function() {
$("#container").load("Views/chatBox.html",function(){
$(this).clone().appendTo("body").remove();
});
});
</script>
लेकिन% यकीन नहीं 100 im इस कोड के बारे में ... :)
ये रहा:
<script type="text/javascript">
$(function() {
$("body").load("Views/chatBox.html");
});
</script>
"एक दूरस्थ फ़ाइल से एचटीएमएल लोड करें और इसे डीओएम में इंजेक्ट करें।" तो आपको केवल कुछ चयनकर्ता की आवश्यकता है जिसमें इंजेक्शन किया जाएगा। ;) उर्फ - हाँ, भार जोड़ने का काम करता है। जांचें कि मैंने जो डेमो बनाया और पोस्ट किया और वह ट्यूटोरियल, इससे मुझे बहुत मदद मिली। – Gavrisimo
ओह, नहीं, यह पूरे पृष्ठ को Views/chatBox.html के साथ बदल देगा, जो कि मैं वांछित नहीं था। मुझे इसे
में जोड़ना होगा। – omgवैसे मैं जो कर रहा हूं वह कुछ कंटेनर है, उस डेमो में यह # माजिस है, और यह खाली है। फिर मैं उसमें बाहरी पेज लोड करता हूं। समझ में आता है? – Gavrisimo
जब मैं Gavra के समाधान मैंने पाया यह और भी आसान हो सकता है बाहर करने की कोशिश की:
<script type="text/javascript">
$(function() {
$("#container").load("external.html").appendTo("body");;
});
</script>
मुझे लगता है कि ऐपेंट स्वचालित रूप से पिछले उदाहरण को हटा देता है? शायद मैं यहाँ कुछ याद कर रहा हूँ?
नहीं, ये सभी उत्तर गलत हैं क्योंकि वे एक अलग कंटेनर रखने पर भरोसा करते हैं!
यह करें:
$.ajax({
url: "your.html",
success: function (data) { $('body').append(data); },
dataType: 'html'
});
+1, यह वास्तव में सामग्री को साझा करने के लिए बॉडी, thx में जोड़ता है! – Igor
मेरे पास छोटा डेटपिकर है जो वर्तमान दिनांक और अगले दिन दिखाता है। मैंने आपके द्वारा लिखे गए कार्यों का उपयोग किया, लेकिन समस्या होने पर समस्या यह है कि डेटा अपडेट नहीं होता है, लेकिन जब मैं पृष्ठ को रीफ्रेश करता हूं तो यह अपडेट होता है। मैं वर्डप्रेस और प्लगइन का उपयोग कर jQuery चलाने की अनुमति देता हूं। –
@ हनान-मस्तुडियो यह एक पूरे प्रश्न की तरह लगता है और शायद मैंने जो जवाब दिया है उससे संबंधित नहीं है। क्या आप एक नया सवाल पोस्ट कर सकते हैं? –
एक वैकल्पिक समाधान:
jQuery('#AppendToMe').append(jQuery('<div>').load(...));
यह जोड़ देंगे, जो कुछ भी आप #AppendToMe तत्व में लोड।
जोड़ा गया शोरर उत्तर। ;) – Gavrisimo