2011-04-27 82 views
0

我有這樣的代碼:點擊未按預期

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

HTML的文本2:

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

HTML代碼列表2:

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

點擊列表2不產生在text2上正確顯示slideDown - text2的前幾個像素顯示,或者根本不顯示(每次點擊的結果不同)。 FF4/64bit和IE7/8/9出現問題。可以查看HERE

我已經嘗試修改腳本:

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

,但沒有運氣。 Erghhh ...

+0

你能否提供一些有關什麼實際上不起作用的信息? – 2011-04-27 12:27:29

+0

當點擊任何垂直列表項時,當前顯示在svceText div中的任何文本都應該滑動,然後新文本應該向下滑動。如果您將鼠標懸停在列表中的頂部項目(「協作解決方案」)上,您將看到當您單擊任何其他列表項時應該發生的情況。 [注意底部列表項目(「聯繫人」)設置爲打開一個新頁面] – 2011-05-15 12:12:37

+0

凹凸........... – 2011-06-01 06:24:50

回答

2

我只需要在href屬性中爲我的定位標記添加散列/磅符號(#)。現在點擊功能就像一個夢一樣&我可以擺脫讓這個網頁變得混亂的無關的鼠標懸停事件。