Question

大家好我正在制作一个javascript函数来解雇或隐藏div Ive搜索通过互联网找到一些答案，但它不适用于我的代码这是我的代码：

<script>
 function Displayout()
 {
    $("#siteicon").mouseout(function () {
    $("#map_tooltip").hide("drop", { direction: "down" }, "slow");
    });
 }
</script>

这是触发函数的div

<div id='siteicon' style="background-image:url('src/images/redbutton.png');margin-top:0px;margin-left:-8px;height:10px;width:10px;background-repeat:no-repeat;" onmouseover="displayData();" onmouseout="Displayout();"></div>

更新

这里是我要隐藏的div的id

<div id='infocontainer'></div>

提前谢谢

Answer 1

hide的参数是错误的，它给出错误“Uncaught TypeError：n.easing [this.easing]不是函数”。您可以使用“慢”来减慢隐藏效果，但无法指定方向。你的订单也是错的。请查看JSFiddle for Demo和api.jquery.com for for hide function。

Answer 2

您的hide()方法似乎存在语法错误。试试这个：

function displayData()
{
    $("#map_tooltip").show("slow");
}

function displayOut()
{
    $("#map_tooltip").hide("slow");
}

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<div id='siteicon' style="background-color:grey;margin-top:0px;margin-left:-8px;height:20px;width:60px;background-repeat:no-repeat;" onmouseover="displayData();" onmouseout="displayOut();">SiteIcon</div>
<div id='map_tooltip' hidden="true">Should be hidden on mouseout of #siteicon</div>

Answer 3

由于您使用的是JQuery，因此您不需要onmouseout，并且您的hide()似乎存在问题，因此请尝试删除其中的参数。

$('#test').mouseout(function() {
  $(this).hide();
})

#test {
height: 200px;
width: 200px;
background-color:pink}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test">content</div>

隐藏一个div onmouseout

3 个答案: