このコードは、.referクラスの子要素をターゲットにして、それに.ref-hoverを割り当てる必要がありますが、.referにのみ割り当てます。
単純化されたhtml:
<div class="refer left">
<div class="desc box">
<h3>Anticorro</h3>
<p>Soundtrack</p>
</div>
<div class="video box">
<iframe>soundcloud iframe</iframe>
</div>
</div>
ここにjs:
$(document).ready(function() {
$('.refer').hover(
function () {
$(this).children('.video').addClass('.ref-hover');
}, function () {
$(this).children('.video').removeClass('.ref-hover');
});
});
例: http: //www.needles.cz(soundcloudプレーヤーでブロックされたもの)
問題はどこにありますか?