2012-09-21 10 views
7

मैं एक वेबसाइट के विकास रहा हूँ और मैं किनारे स्थित मेनू में इस है:jQuery फ़ाइल को PHP द्वारा DIV में लोड करने के लिए कैसे करें?

<a href="#" class="leftMenu" id="contact">Contact Us</a>

तो मैं इस स्क्रिप्ट

$(document).ready(function(){ 
    $("#contact").click(function(){ 
    $("#contents").load('home.php'); 
    }); 
}); 

है और मैं अपने पृष्ठ के अंदर इस DIV है:

<div class="contentWrapper" id="contents"></div>

जाहिर है, मैं जो करने की कोशिश कर रहा हूं वह है home.php whe n मैं हमसे संपर्क हाइपरलिंक पर क्लिक करता हूं, जो काम नहीं करता है। मेरे कोड में क्या गलत है?

+0

क्या आप हमें दिखा सकते हैं कि आपने इसे कहां सेट किया है? –

+2

क्या आपको कोई त्रुटि मिलती है? यह कोड काम करना चाहिए। – Blender

+3

आपकी त्रुटि शायद home.php में है। अनुरोध और प्रतिक्रिया देखने के लिए फ़ायरबग (या डेवलपर कंसोल) का उपयोग करने का प्रयास करें। –

उत्तर

15

फ़ाइल नाम के बजाय home.php पृष्ठ URL जोड़ें।

$(document).ready(function(){ 
    $("#contact").click(function(){ 
    $("#contents").load('url to home.php'); 
    }); 
}); 
+0

धन्यवाद, कुछ अजीब कारणों से, यह काम किया! लेकिन मैं सोच रहा हूं कि यह यूआरएल के बिना क्यों काम नहीं करता है। यह वही होना चाहिए, है ना? – JudeJitsu

+0

हां, सापेक्ष यूआरएल काम करना चाहिए। '/ Home.php' का उपयोग करके संलग्न करने का प्रयास करें? –

+0

आप एक बटन के एक क्लिक में दो अलग-अलग div में दो अलग-अलग पृष्ठों को कैसे लोड कर सकते हैं? –

8

आप क्या कर रहे हैं के अधिक डेटा प्राप्त करने के लिए $.load() का उपयोग कर सकते हैं। जब आप त्रुटि संदेश दिखाई, तो आप शायद यह अपने आप हल कर सकते हैं ^^

$("#contents").load("home.php", function(response, status, xhr) { 
    if (status == "error") { 
     // alert(msg + xhr.status + " " + xhr.statusText); 
     console.log(msg + xhr.status + " " + xhr.statusText); 
    } 
}); 
1

आप स्क्रिप्ट निर्देशिका से सूचकांक dir और नहीं से की "home.php" पथ का उपयोग करने के लिए है।

यदि आप साइट है:

/ 
    index.php 
    scripts 
    /script.js 
    /home.php 

आप अपने पैरामीटर गुजर संशोधित करने के लिए है "लिपियों/home.php"

2

@ user2805663 मैं जानता हूँ कि इस पोस्ट बहुत पुराना है लेकिन हालांकि मुझे पोस्ट करते हैं समाधान यह किसी और की मदद कर सकता है, क्योंकि यह मेरी मदद करता है। विधि आप सिंगल क्लिक (लिंक) के साथ दो अलग अलग DIVs में दो अलग-अलग फ़ाइलें लोड कर सकते हैं का पालन करके @Mangala एदिरिसिंघे

को

धन्यवाद।

$(document).ready(function(){ 
$("#clickableLink").click(function(){ 
    $("#contents").load('url/file1.php'); 
    $("#contents2").load('url/file2.php'); 
}); 
}); 
संबंधित मुद्दे