Question

我有一个弹出菜单，显示/隐藏div悬停时。菜单显示/隐藏工作正常。但是，当我在代码中添加菜单时，div中的文本“Square”会消失。

的index.html

<div id= "squareDiv" style="width: 100px; height:100px; border:2px solid #a1a1a1;" >
  Square
</div>

我的JS

//Add list items to the div
$("#squareDiv").html(
  "<ul class='list_menu'><li><a href='firefox.com'>Maya Agriculture</a></li>"+
  "<li><a href='firefox.com'>Maya Agriculture Crossword</a></li>"+
  "<li><a href='firefox.com'>Inca Agriculture</a></li>"+
  "<li><a href='firefox.com'>Inca Agriculture Crossword</a></li>"+
  "</ul>"
);

$("#squareDiv").hover(function () {
  $('ul.list_menu').slideDown('medium',function() {
    $(this).clearQueue();
  });
}, function () {
  $('ul.list_menu').slideUp('medium',function() {
    $(this).clearQueue();
  });
});

Answer 1

使用append(...)代替html(...)，html()替换内容

弹出菜单隐藏其父文本？

1 个答案: