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 に答える