<div class="navbar-header">
<a class="navbar-brand" href="{{ URL::route('admin.pages.index') }}">Laravel Admin</a>
<a class="slideout-toggle" href='/'>visit site</a>
</div>
<script>
jQuery(".slideout-toggle").hide();
jQuery(".navbar-brand").hover(
function(){
jQuery(".slideout-toggle").show();
},
function(){
jQuery(".slideout-toggle").hide();
}
);
</script>
当然，当鼠标停止悬停时.navbar-brand，会.hide()踢动。但是“访问站点”消失了，然后我才能单击它。如何使其可点击？所以悬停.navbar-brand我的slideout-toggle锚元素显示和我被允许点击它！
我猜我对事件的选择不正确。
不要将悬停事件放在锚上，而是将两个锚都放在一个元素（例如span或div）中，然后将悬停应用于该元素。
http://jsfiddle.net/isherwood/hs4nU/
<div id="link-wrapper">
<a class="navbar-brand" href="{{ URL::route('admin.pages.index') }}">Laravel Admin</a>
<br />
<a class="slideout-toggle" href='/'>visit site</a>
</div>
$(".slideout-toggle").hide();
$("#link-wrapper").hover(function () {
$(".slideout-toggle").slideDown();
},
function () {
$(".slideout-toggle").slideUp();
});
悬停功能实际上可以这样简化：
http://jsfiddle.net/isherwood/hs4nU/2/
$("#link-wrapper").hover(function () {
$(".slideout-toggle").slideToggle();
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句