मैं में पूरी तरह से गतिशील php पृष्ठों को लोड करना चाहता था अजाक्स के माध्यम से टैब। उदाहरण के लिए, मैं लिंक में $ _GET मान प्राप्त करना चाहता था, यह किस टैब पर था - यह उपयोगी है यदि आपके टैब गतिशील हैं, उदाहरण के लिए डेटाबेस डेटा के आधार पर। इसके साथ काम करने वाली कुछ भी नहीं मिल सका लेकिन मैंने कुछ jQuery लिखने का प्रबंधन किया जो वास्तव में काम करता है और जो मैं ढूंढ रहा हूं वह करता हूं। मैं एक पूर्ण jQuery नोब हूं लेकिन यहां मैंने यह कैसे किया है।
- मैंने टैबजैक्स नामक एक नया 'डेटा-टॉगल' विकल्प बनाया (केवल टैब के बजाय), यह मुझे AJAX क्या है और स्थिर सामग्री क्या है, अलग करने की अनुमति देता है।
- मैंने एक jQuery स्निपेट बनाया जो उस डेटा-टॉगल के आधार पर चलता है, यह मूल कोड से गड़बड़ नहीं करता है।
अब मैं अपने बूटस्ट्रैप टैब में url.php? Value = x कह सकता हूं।
इसका इस्तेमाल करने के लिए यदि आप करने के लिए, कोड है चाहता हूँ स्वतंत्र महसूस नीचे
jQuery कोड:
$('[data-toggle="taba"]').click(function(e) {
e.preventDefault()
var loadurl = $(this).attr('href')
var targ = $(this).attr('data-target')
$.get(loadurl, function(data) {
$(targ).html(data)
});
$(this).tab('show')
});
HTML:
<li><a href="tabs/loadme.php?value=1" data-target='#val1' data-toggle="tabajax">Val 1</a></li>
तो यहाँ आप देख सकते हैं कि मैं बदल दिया है जिस तरह से बूटस्ट्रैप लोड करता है, मैं गतिशील AJAX लिंक के लिए href का उपयोग करता हूं और फिर इसके बजाय लिंक पर 'डेटा-लक्ष्य' मान जोड़ता हूं, जो आपका लक्ष्य div (टैब-सामग्री) होना चाहिए।
तो अपने टैब सामग्री अनुभाग में, आपको इस उदाहरण के लिए वैल 1 नामक एक खाली div बनाना चाहिए।
खाली डिव (लक्ष्य):
<div class='tab-pane' id='val1'><!-- Ajax content will be loaded here--></div>
आशा इस किसी के लिए उपयोगी हैं :)
यह मेरे साथ काम नहीं करता है। – assaqqaf
कौन सा हिस्सा काम नहीं करता है? हैंडलर निष्पादित नहीं हुआ? – ukessi
[jQuery डॉक्स] के अनुसार (http://api.jquery.com/change/): "परिवर्तन ईवेंट किसी तत्व पर भेजा जाता है जब उसका मान बदलता है। यह घटना तत्वों,