jquery - 鼠标悬停显示内容

Question

我在左侧有一个 ui-dialog 容器，每个对话框都有其 id 或自己的标题，鼠标悬停时我希望它显示它们的标题，鼠标移出时不显示。

有人可以帮帮我吗？

干杯吉夫

Answer 1

在 jQuery 中：

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

假设存在 id 为“dialog”和“dialogContainer”的元素，这基本上是说：鼠标进入显示 dialogContainer 和鼠标离开 - 隐藏它。

Answer 2

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

或者您可以改进此代码段，在每个对话框右侧的浮动绝对 div 中显示标题。

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>

注意：- 您可以在一个页面中使用一个 id 一次。即，它应该是唯一的

希望这可以帮助

Answer 4

试试这个，

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