要顯示點擊

消息我有一個HTML類似這樣的標記，當，要顯示點擊

<span class="placesBostPageHelpBg placesBostHelpBg floatLeft voteHelpToolTip" id="HelpToolTipButton2"> 
<span class="placesBostHelpText">?</span> 
</span>

CSS用於包裝跨度是用於問號

.placesBostPageHelpBg { 
background:none repeat scroll 0 0 #171716; 
color:#63E6F4; 
cursor:pointer; 
height:20px; 
left:5px; 
position:relative; 
top:-2px; 
width:20px; 
z-index:1; 
-moz-border-radius:10px 10px 10px 10px; 
}

的CSS

.placesBostHelpText { 
left:6px; 
position:absolute; 
top:2px; 
z-index:2; 
}

輸出就像一個圓圈，圓圈內有問號。當任何用戶點擊該圈子時，我必須顯示一條消息。它的工作正常。但我的問題是，當我點擊圓圈時，它顯示一條消息，但當我點擊問號時，消息不會顯示。

使用的Java腳本

$('#HelpToolTipButton2').click(function() {$('#voteHelpMessageContainer2').toggle();});

來源

2010-12-10 Soarabh

$('#HelpToolTipButton2').click(function() {$('#voteHelpMessageContainer2').toggle();});

由於跨度事件是圓元素點擊的子元素在此範圍內會引起事件冒泡。爲了防止這種情況，return false;在點擊功能的末尾。

$("span.placesBostHelpText").click(function(){ 
    $('#voteHelpMessageContainer2').hide(); 
    return false; 
});

來源

2010-12-10 09:33:11 rahul

嘿謝謝它的工作..非常感謝。 – Soarabh 2010-12-10 09:47:06

只需要更改$（「span.placesBostHelpText」）。click（function（）{（'＃voteHelpMessageContainer2'）。toggle（）; return false; }）;沒有必要隱藏這個。 – Soarabh 2010-12-10 09:47:46

你不得不解僱點擊這兩個跨度....像

 
$('.placesBostHelpText #HelpToolTipButton2').click(function() {$('#voteHelpMessageContainer2').toggle();});

來源

2010-12-10 09:33:08 Vivek

@saorabh你試過這個代碼 – Vivek 2010-12-10 09:43:00

u有HTML標記

<span class="placesBostHelpText">?</span>

你無法顯示的消息，如果ü寫這樣的腳本

$('#HelpToolTipButton2').click(function() {$('#voteHelpMessageContainer2').toggle();});

我看來是u可以使用這個腳本：

$('.placesBostHelpText').click(function() { 
    alert("Test"); 
});

我想你有想法加入/更改我t在你的腳本

來源

2010-12-10 09:56:44

回答

相關問題