0

私はこのコードを持っています：

$(document).ready(function() {
 $('#list2').click(function() { 
  if ( !$('#text2').is(":visible") ){ 
$(".shownText").slideUp(100).removeClass('.shownText');
$('#text2').slideDown(500); 
}
    });
});

text2のhtml：

<div id="svceText">
<div id="text2" class="shownText">
<p>.......</p> </div>
</div>

list2のhtml：

<div id="svceContent">
<div id="list2"><h3><a href="">blah blah</a></h3></div>
</div>

list2をクリックしても、text2に正しいslideDownが生成されません。text2の上部の数ピクセルが表示されるか、まったく表示されません（クリックごとに異なる結果が表示されます）。FF4/64ビットおよびIE7/8/9で問題が発生します。

ページはここで見ることができます。

スクリプトを次のように変更してみました。

 $('#list2').bind('click', function() {

しかし、運はありません。えーと...

4

1 に答える 1

2

#アンカータグのhref属性にハッシュ/ポンド記号（ ）を入力する必要がありました。これで、クリック機能が夢のように機能し、このWebページを混乱させるような無関係なマウスオーバーイベントを取り除くことができます。

于 2011-06-13T03:47:05.393 に答える