1

我有一个工具提示,只有在未选中复选框时才会弹出按钮单击。我正在使用 JQuery 设置按钮相对于标签的位置。如果选中该复选框,我将隐藏工具提示,然后在上述相同情况下显示它。

    $('#chkbox').change(function(){
        if(($('#chkbox').attr('checked')=="checked") && $('#tooltip').is(':visible')==true){
            $('#tooltip').hide();
        }
});

    $('#Button').click(function(){  
        if(!($('#chkbox').attr('checked')))
        {
            var lbloffset = $('#Label').offset();
            $('#tooltip').offset({top:0,left:0});
            $('#tooltip').offset({top:lbloffset.top-25,left:lbloffset.left+$('#Label').width()});
            $('#tooltip').show();

        }
    });

工具提示隐藏在选中的复选框上,但是当我再次取消选中它并单击按钮时,它应该在我清除 $('#tooltip').offset({top:0,left:0}); 的相同位置显示工具提示 位置并再次重置它。但这并没有发生,而是工具提示将新的偏移位置添加到旧的偏移位置,并将其显示在页面的其他位置。我不确定为什么会这样。

4

1 回答 1

0

您只需要设置.offset一次。我不清楚你想要它去哪里,但也许这就是你想要的:

var lbloffset = $('#Label').offset();
$('#tooltip').offset({top:lbloffset.top-25,left:lbloffset.left+$('#Label').width()});
于 2013-03-12T19:20:47.023 回答