Ich habe Probleme mit toggleClass jQuery-Methode mit Bootstrap Karussell

Question

Diese Frage ist so frustrierend wie es mir peinlich ist zu fragen. Ich habe Probleme mit Twitter Bootstrap und jquery. Ich vermute, dass es ein Problem mit den Selektoren ist, weil das selbe Klick-Ereignis funktioniert, wenn ich eine: console.log (this) angehängt habe und es funktioniert. Misstrauisch in Firefox, aber nicht in Chrome, aber ich werde das in einer anderen Frage überprüfen oder separate Tests durchführen.

Ich möchte die .toggleClass() auf einem Karussell verwenden, die div (#myCarousel) und weitere div (.accessibleView) durch einen Selektor ('# zugänglich') klicken. Hier

ist die html:

<input id="accessible" type="button" value="Switch to Accessibility mode"/> 
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="18000" data-pause="hover" style="height:auto;"> 
</div> 

Hier ist die CSS (die in einer SCSS Datei ist):

.hideCarousel{ 
      display: none !important; 
    } 
    .showAccess{ 
     display: block !important; 
    } 
    .accessibleView{ 
     display:none!important; 
    } 

Hier ist die jQuery:

$("#accessible").click(function(){ 
     $('.carousel').toggleClass("hideAccess"); 
     $('.accessibleView').toggleClass("showAccess"); 
} 

Ich vermute, dass etwas mit den Abfrage-Selektoren nicht stimmt, aber ich kann mir nicht sicher sein. Dies ist eine großartige Gemeinschaft und ich möchte Ihnen im Voraus für Anregungen und Unterstützung danken.

Answer 1

Bitte diesen Code versuchen, ich hoffe, es wird für Sie arbeitet ::

$(document).ready(function(){ 
    $("#accessible").click(function(){ 
     $('.carousel').toggleClass("hideAccess"); 
     $('.accessibleView').toggleClass("showAccess"); 
    } 
})