Klasse hinzufügen und dann ein Ereignis auslösen JQuery

Question

Ich versuche, eine Klasse hinzuzufügen und dann ein Ereignis zu feuern, aber leider funktioniert es nicht und ich denke, ich versuche auf falsche Weise, kann jemand bitte vorschlagen? Im Folgenden sind meine Codes

Erste Klasse I

$(".hospital_listing_front").addClass('flexslider-hospital'); 

Sobald die Klasse dann die folgende Funktion ausgelöst wird hinzugefügt hinzufügen möchten

$(".flexslider-hospital").flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    itemWidth: 210, 
    itemMargin: 48, 
    pausePlay: false 
    }); 

(flexslider Funktionalität Dies bezieht sich auf flexslider und fügt) Add class funktioniert, aber flexslider funktioniert nicht

Bitte schlagen Sie vor, wie Sie damit umgehen.

danke im voraus

Answer 1

Ich dachte, es kann einige Zeit haben, um Klasse hinzuzufügen. Wie kann Verwendung sein setTimeout wird Ihr Problem lösen, versuchen Sie es einfach und lassen Sie mich wissen, wenn Sie wieder das gleiche Problem haben.

$(".hospital_listing_front").addClass('flexslider-hospital'); 

setTimeout(function() { 
    $(".flexslider-hospital").flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    itemWidth: 210, 
    itemMargin: 48, 
    pausePlay: false 
    }); 
}, 1000); 

Answer 2

Warum nicht verketten?

$(".hospital_listing_front").addClass('flexslider-hospital').flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    itemWidth: 210, 
    itemMargin: 48, 
    pausePlay: false 
    }); 

oder wenn Sie es zu dem Schritt:

$hospital = $(".hospital_listing_front"); 
$hospital.addClass('flexslider-hospital') 
$hospital.flexslider({ 
    animation: "slide", 
    animationLoop: false, 
    itemWidth: 210, 
    itemMargin: 48, 
    pausePlay: false 
    }); 

aber wenn Slider Flex Arbeit does't, könnte es ein Problem mit Ihrer Formatierung von HTML sein. ohne Ihre HTML, das ist schwer zu sagen, sicher ..