我在这里有一个关于我的问题的工作示例：http : //plnkr.co/edit/vwZS5e?p=preview
这是问题范围：
<div class="test-container">
<span uib-popover="Test"
popover-placement="top"
popover-trigger="mouseenter"
popover-append-to-body="true">
MouseoverMe..MouseoverMe..MouseoverMe..MouseoverMe..MouseoverMe..MouseoverMe..MouseoverMe..MouseoverMe
</span>
</div>
当我将鼠标悬停在它上面时，我试图在此跨度的中心上方显示一个弹出框。当文本太长时，我使用文本溢出来切断我的文本。但似乎 uib-popover 并没有考虑到溢出.. popover 出现在右边太远了。
这是我的CSS：
.test-container {
text-overflow:ellipsis;
overflow:hidden;
width:100px;
border:1px solid red;
margin-top:50px;
margin-left:50px;
}
我知道我可以将弹出框放在测试容器 div 上，但我更希望弹出框位于跨度的中心。
有没有人知道如何解决这个问题？
javascript css twitter-bootstrap angularjs angular-ui-bootstrap
我正在尝试使用jQuery,但由于某种原因,当我点击一个按钮时没有发生任何事情.我试过在很多方面操纵代码,但仍然没有任何反应
我正在使用Firefox,javascript工作正常.
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style>
body {
background-color:royalblue;
margin:0px;
}
#div_header {
background-color:black;
height:200px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("#div_header").hide();
});
});
</script>
</head>
<body>
<div id="div_header">
<button type="button">Click me!</button>
</div>
</body>
</html>