Führen Sie eine JQuery-Funktionen nach anderen abgeschlossen

Question

Ich habe zwei JQuery-Funktionen, um die Fancybox anzuzeigen und zweitens, um die Eulen-Karussell zu erstellen, möchte ich die Ahle-Karussell-Funktion ausgeführt werden, nachdem die Fancybox-Funktion ausgeführt wird.

$(document).ready(function() { 
    $(".fancybox1").fancybox({ 
     content : '<div class="col-md-6"><div id="fancybox12" class="owl-carousel owl-theme"><div class="item"><img src="img/portfolio/102.jpg" class="img-responsive" alt="..."></div></div></div><div class="text-center col-md-6"><h1> T-Shirts & Fabric Printing </h1></div> ' 
    }), 
    $("#fancybox12").owlCarousel({ 
      navigation : false, // Show next and prev buttons 
      slideSpeed : 300, 
      paginationSpeed : 400, 
      singleItem:true 
    }); 
}); 

Aber ich bin nicht in der Lage, den Rückruf zur Arbeit zu bekommen.Bitte helfen Sie mir. Dank

Answer 1

Versuchen Sie, sie in einer separaten Funktion und rufen Sie dann diese Funktion wie folgt aus:

(document).ready(function() { 
    runfancybox(); 

    function runfancybox(){ 
    $(".fancybox1").fancybox({ 
      content : '<div class="col-md-6"><div id="fancybox12" class="owl-carousel owl-theme"><div class="item"><img src="img/portfolio/102.jpg" class="img-responsive" alt="..."></div></div></div><div class="text-center col-md-6"><h1> T-Shirts & Fabric Printing </h1></div> ' 
     }); 
     runOwlCarousel(); 
    } 


    function runOwlCarousel(){ 
     $("#fancybox12").owlCarousel({ 
      navigation : false, // Show next and prev buttons 
      slideSpeed : 300, 
      paginationSpeed : 400, 
      singleItem:true 
      });  
    } 
});