###前提・実現したいこと
クラスを削除したいのですが、jQueryが動かなくて困っています。
コードが間違っているのでしょうか?
具体的にいうと、
flavor1というクラスがついた画像をクリックすることで、<section class="opera1 opera">からopera1というクラスを削除し、CSSで紐付いている背景画像を削除したいです。
お手数ですがご教授願えると幸いです。
###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 <div class="opera1_img"> 29 <div class="opera1_left"> 30 <img src="img/opera1_1.png" alt=""> 31 </div> 32 <div class="opera1_right"> 33 <img src="img/opera1_2.png" alt=""> 34 <img src="img/opera1_3.png" alt=""> 35 </div> 36 </div> 37 </section> 38</body>
###CSS
CSS
1.opera1{ 2 background-image: url(../img/opera1_back.png); 3 background-size:cover; 4} 5
###試したこと
①同時にslicknavもjQueryで動かしているのですが、こちらは動くので、removeClassのソースコードが間違っているのでしょうか?
②以下のURLで紹介されているような対処法は試しました。
http://manablog.org/jquery-not-work/
回答1件
あなたの回答
tips
プレビュー