Question

我有一个像这样的HTML标记，When，

<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();});

Answer 1

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

由于span是circle元素的子元素，因此单击该span将导致事件冒泡。为防止这种情况，请将return false;放在点击功能的末尾。

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

Answer 2

你必须在两个跨度上点击事件......类似

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

Answer 3

你有html标记

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

如果你像这样编写脚本，你就无法显示消息

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

我的意见是你可以使用这个脚本：

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

我想你有想法在你的剧本中加入/改变它

单击时显示消息

3 个答案: