-4

このマークアップを使用して、div 全体をクリック可能にします。 

<div class="myBox">
<div class="two">
    <h2> Title</h2>
    <p> This is the description</p>
    <a class="some-button-class" href="http://www.google.com/">check here</a>
</div>
</div>

そしてこのJS

 $(".myBox").click(function(){
 window.location=$(this).find("a").attr("href"); 
 return false;
});

そしてこのcss

.myBox { cursor:pointer;width:200px;height:200px;}
h2 {font-size:28px;}
p { color:#fff }

.two { 
background: #999;
padding:50px;
}

しかし、それは機能していません。どうして？！

JSfiddle http://jsfiddle.net/ryRnU/16/

4

5 に答える 5

2

<div>要素のクラスはmyBox(大文字の B) ですが、セレクターは次のとおりです。

 $('.mybox')

セレクターは大文字と小文字を区別するため、次のようにする必要があります。

$('.myBox').click(function() {
    window.location=$(this).find("a").attr("href");
    return false;
});
于 2013-02-28T09:29:29.780 に答える
1

他の答えは正しいですが、他の答えに加えて、フィドルで使用するjQueryAPIも設定していません。

また、jQueryコードを$(document).ready(function(){...})関数内に配置して、ドキュメントの読み込みが完了したらすぐにコードが読み込まれるようにします。

このコードは、jqueryスクリプトがインポートされていれば、どのWebサイトでも機能するはずです。 http://jsfiddle.net/ryRnU/8/

于 2013-02-28T09:33:44.413 に答える
0

セレクターが間違っています。次のように使用してください。

$(".myBox").click(function(){
 window.location=$(this).find("a").attr("href"); 
 return false;
});
于 2013-02-28T09:31:21.597 に答える