2011-12-10 15 views
41

मैंने बूटस्ट्रैप-tabs.js का उपयोग किया और यह पूरी तरह से काम किया है।बूटस्ट्रैप टैब के साथ AJAX लोडिंग का उपयोग कैसे करें?

लेकिन मुझे AJAX अनुरोध के माध्यम से सामग्री को लोड करने के तरीके के बारे में जानकारी नहीं मिली।

तो, बूटस्ट्रैप-tabs.js के साथ AJAX लोडिंग का उपयोग कैसे करें?

उत्तर

30

आप बूटस्ट्रैप 2.0 में ईवेंट हैंडलर

$('.tabs').bind('change', function (e) { 
    var now_tab = e.target // activated tab 

    // get the div's id 
    var divid = $(now_tab).attr('href').substr(1); 

    $.getJSON('xxx.php').success(function(data){ 
     $("#"+divid).text(data.msg); 
    }); 
}) 
+0

यह मेरे साथ काम नहीं करता है। – assaqqaf

+0

कौन सा हिस्सा काम नहीं करता है? हैंडलर निष्पादित नहीं हुआ? – ukessi

+2

[jQuery डॉक्स] के अनुसार (http://api.jquery.com/change/): "परिवर्तन ईवेंट किसी तत्व पर भेजा जाता है जब उसका मान बदलता है। यह घटना तत्वों,