我有一个按钮,当悬停时显示div。
如何在显示时将这个div设置为直接显示在按钮下面
<script type="text/javascript">
$(document).ready(function(){
$(".plans").hover(function() {
$("#planssubnav").show("slow");
}, function(){
$("#planssubnav").hide("slow");
});
});
</script>
<a href="/plans" style="font-size:14px;" class="plans fg-button fg-button-icon-right ui-state-default ui-corner-all"><span class="ui-icon ui-icon-circle-triangle-s"></span>Plans</a>
<div id="planssubnav" style="display:none">
<h1> content</h1>
</div>
答案 0 :(得分:2)
您需要将弹出窗口div
置于绝对位置;相对于别的东西。
因此,如果它是块级元素,您可以将其放在a
标记内,或者将按钮和弹出文本放在另一个标记中li
,{{1} },无论你的菜单是由什么组成的。)
然后它就像:
div
答案 1 :(得分:1)
用另一个块级元素(例如div)包裹你的按钮,它应该更像你期望的那样。