अजाक्स कॉल

Question

के बाद उल्लू कैरोसेल को फिर से शुरू करने के लिए मैं एक सफल AJAX कॉल के बाद उल्लू कैरोसेल को फिर से शुरू करने की कोशिश कर रहा हूं। AJAX कॉल डेटा को बदल देगा लेकिन दृश्य को वही रहना चाहिए। मुझे कोई समस्या है जहां दृश्य (कैरोसेल संरचना) पुन: प्रारंभ नहीं होगा। पृष्ठ लोड पर सबकुछ ठीक है।

im का उपयोग कर संस्करण 1.3.3

$(document).ready(function() { 
$(".owl-carousel").owlCarousel({ 
    items : 3 
}); 
}); 

अजाक्स कॉल

$.ajax({ 
    type: 'get', 
    url: '/public/index', 
    dataType: 'script', 
    data: data_send, 
     success: function(data) { 
     $(".owl-carousel").owlCarousel({ 
     items: 3 
     }); 
     } 
    }); 
} 

मैं कुछ है कि मैं क्या करने की जरूरत याद आ रही है। मैंने इस मुद्दे को जिथब पेज पर देखा है और सुझावों का प्रयास किया है लेकिन इसका कोई फायदा नहीं हुआ है।

किसी भी मदद

संपादित

सराहना की सलाह से दिया मैं इन दोनों कार्यों

function owlCarousel() { 
    var owl = $(".owl-carousel"); 
    //init carousel 
    owl.owlCarousel(); 
    owl.data('owlCarousel').reinit({ 
    items : 3 
    }); 
} 

function destroyOwlCarousel() { 
    var owl = $(".owl-carousel"); 
    //init carousel 
    owl.owlCarousel(); 
    owl.data('owlCarousel').destroy(); 
    } 
} 

यह काम करते हैं लेकिन लगता है बनाया है सोच रहा है कि अगर यह ऐसा करने जा करने के लिए सही तरीका क्या है?

Answer 1

यह मदद करनी चाहिए:

/* 
reinit() method reinitialize plugin 

Syntax: 
owldata.reinit(newOptions) 

Yes! you can reinit plugin with new options. Old options 
will be overwritten if exist or added if new. 

You can easly add new content by ajax or change old options with reinit method. 
*/ 

$('.reinit').click(function(e){ 
e.preventDefault() 
if(booleanValue === true){ 
    booleanValue = false; 
    } else if(booleanValue === false){ 
    booleanValue = true; 
} 

owl.data('owlCarousel').reinit({ 
    singleItem : booleanValue 
    }); 
}) 

Answer 2

owl documention में reinitialize

Answer 3

$('#owl-demo').data('owlCarousel').reinit(); 

Answer 4

के बजाय $(window).load() प्रयास करें यह प्रयास करें, अपने अस्तित्व:

//Initialize Plugin 
    $(".owl-carousel").owlCarousel() 

    //get carousel instance data and store it in variable owl 
    var owl = $(".owl-carousel").data('owlCarousel'); 

    owl.reinit(options) 

Answer 5

काम करता है नीचे दिए गए उदाहरण।

हिंडोला शुरु कर रहा है:

owl = $("#owl-demo"); 

owl.owlCarousel({ 
    items: 10, 
    autoPlay: 1000, 
}); 

और जब आप ajax कॉलबैक का उपयोग करें, कोशिश: http://jsfiddle.net/s10bgckL/959/

:

owl.data('owlCarousel').destroy(); 

owl.owlCarousel({ 
    items: 5, 
    autoPlay: 1000, 
}); 

मैं तुम्हें समझाने के लिए कैसे हिंडोला को फिर से प्रारंभ करने में एक बेला बनाने

पीएस: मैंने विकल्पों की एक सरणी नहीं बनाई है, अगर आप गति के रूप में कुछ पैरामीटर संशोधित करना चाहते हैं, प्रदर्शित वस्तुओं की मात्रा इत्यादि।

मुझे उम्मीद है कि यह मदद करता है।