jquery - マウスオーバーでコンテンツを表示

Question

左側に ui-dialog コンテナーがあり、各ダイアログには ID または独自のタイトルがあり、マウスオーバーするとタイトルが表示され、マウスアウトでは何も表示されません。

誰でも私を助けることができますか？

乾杯ジーヴ

Answer 1

$('.dialog-container .dialog').hover(function(){
    $('.header').text($(this).attr('title'));//here shows the title of hovered dialog
}, function(){
    $('.header').text("");
});

または、このスニペットを改善して、各ダイアログの右側にあるフローティング絶対 div にタイトルを表示することもできます。

Answer 2

jQueryで：

$("#dialog").hover(function(){
  $("#dialogContainer").show();
}, function(){
  $("#dialogContainer").hide();
});

「dialog」と「dialogContainer」の id を持つ要素が存在すると仮定すると、これは基本的に次のように述べています。

Answer 3

あなたがjqueryにタグを付けたので

jquery.jsファイルが含まれていることを願っています

あなたは与えることができます...

$('#dialog_window_minimized_container').hover(function(){
$('#dialog_window_1').css('display','block');
});

divは次のようになります

<div id="dialog_window_minimized_container"></div>

注:- 1 つのページで 1 つの ID を 1 回使用できます。つまり、一意である必要があります

お役に立てれば

Answer 4

これを試して、

    $('#dialog').mouseover(function() {
       $("#dialogContainer").html($(this).attr('title'));
       $("#dialogContainer").show();
    });
    $('#dialog').mouseout(function(){
        $("#dialogContainer").hide();
    });