BootstrapカルーセルでtoggleClass jQueryメソッドに問題が発生しました

Question

この質問は私には恥ずかしいほどです。私はTwitter Bootstrapとjqueryに問題があります。私はそれがセレクターの問題だと思う。なぜなら、この同じクリックイベントは：console.log（これ）を添付すれば動作するからだ。 Firefoxでは疑わしいが、chromeではなく、別の質問でこれをチェックしたり、テスト/リサーチを分離したりします。

私はセレクタ（ '＃アクセス'）をクリックすることで、カルーセルにDIV（#myCarousel）、および他のDIV（.accessibleView）を.toggleClass（）を使用します。ここで

は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> 

は（SCSSファイルである）CSSです：ここでは

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

はjQueryのです：

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

私はそれがクエリセレクタに間違っていると思われますが、私は確信が持てません。これは素晴らしいコミュニティです。私は事前に何か提案や援助をいただき、ありがとうございます。

Answer 1

ご協力いただきありがとうございますが、それは、私のために友人を動作しませんでした

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