悬停后内容不会附加到div

时间:2011-02-15 01:51:37

标签: jquery

http://jsfiddle.net/A3uMK/

悬停链接,<dd>中的内容未显示在div中,是否有人在帮忙?

2 个答案:

答案 0 :(得分:4)

那是因为div没有出现。你忘了展示div。

$('div').html($data).show();

答案 1 :(得分:2)

由于您在开头隐藏了div标签,因此需要稍后再显示它以查看其内容。

var $desc = $('div'),
    $dd = $('dl > dd');

$desc.add($dd).hide();

function showDescBox() {
  hideDescBox();
  var $data = $(this).next('dd').html();
  $desc.html($data).show();
}
function hideDescBox() {
  $desc.hide();
}

$('dl > dt').hover(showDescBox, hideDescBox);

http://jsfiddle.net/A3uMK/8/