###前提・実現したいこと
クラスを削除したいのですが、jQueryが動かなくて困っています。
コードが間違っているのでしょうか?
具体的にいうと、
flavor1というクラスがついた画像をクリックすることで、<section class="opera1 opera">からopera1というクラスを削除し、CSSで紐付いている背景画像を削除したいです。
先ほどこちらで質問させていただき、トリガー無しの状態でクラスを削除することに成功したのですが、トリガーをclickで設定すると動きません。
度々の質問で申し訳ございませんが、ご教授ください。
###HTML
HTML
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8" /> 5<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> 6<script type="text/javascript"> 7$(".flavor1").click(function(){ 8 $('.opera').removeClass('opera1'); 9}); 10</script> 11</head> 12<body> 13 <section id="flavor"> 14 <div class="flavor_flavor"> 15 <img src="img/flavor_1.png" class="flavor1"> 16 <div class="flavor_name"> 17 <h5>オリジナル</h5> 18 </div> 19 </div> 20 </section> 21 22 <section class="opera1 opera"> 23 <div class="opera1_title"> 24 <img src="img/opera_fork.png" alt=""> 25 <h5>オペラハウス</h5> 26 <img src="img/opera_fork.png" alt=""> 27 </div> 28 </section> 29</body>
###CSS
CSS
1.opera1{ 2 background-image: url(../img/opera1_back.png); 3 background-size:cover; 4} 5
###試したこと
トリガーを設定しなければ、動作するので、トリガーがおかしいのでしょうか?
「トリガー」とはどの部分のことを言うのでしょうか。質問文に追記いただけませんか?
回答2件
あなたの回答
tips
プレビュー