Question

我左边有一个ui-dialog容器，每个对话框都有自己的id或者自己的标题，在mouseover上我希望它显示标题，鼠标输出显示无。

有人可以帮帮我吗？

干杯 Jeev

Answer 1

在jQuery中：

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

假设存在id为“dialog”和“dialogContainer”的元素，这基本上说：在鼠标上输入show 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();
    });

在mouseover上显示内容

4 个答案: