Question

我正在移植网页以在iPad上工作（因为这是公司使用的）。在我使用的桌面上：将鼠标悬停在导航菜单上。在iPad上，我需要能够点击一个菜单项来展开菜单（工作正常）。我添加了一个onclick事件，该事件应该显示一个允许折叠菜单的按钮。菜单扩展后，按钮应该会出现，但是直到第二次单击菜单项时才会注册click事件，因此按钮最初不会出现。所以这是顶部导航菜单的悬停。在第一次触摸列表项时，这个（：悬停）有效。

#nav li:hover {
background-color:#80CCFF;
color:black;
opacity:1;
}
#nav li:hover > ul.child {

top:39px; 
display:inline;
position:absolute;
text-align:left;

}

这是导航html的顶部：

<ul id="nav">

    <input  id="button1" style="margin-bottom:10px;" class="button1class" name="Button1" type="button" value="Collapse Menu" onclick="hidebutton();return false;"/>

<li class="green"><a id="close" href="" onclick="showiframe(this.id); return false;">Development</a>

这是javascript showiframe（）的片段：

else {

    document.getElementById("theiframe").style.display = "none";
    document.getElementById("button2").style.display = "none";
    document.getElementById("button1").style.display = "block";
}

总结一下，onClick不会被调用，直到第二次点击，我知道Safari在看到：hover时应该如何工作。我想要做的就是编写代码，这样就没有了：悬停，一切都好像有：hovers意味着菜单会根据需要扩展，并且第一次点击就会感知到onclick。

Answer 1

<ul id="nav">

    <input  id="button1" style="margin-bottom:10px;" class="button1class" name="Button1" type="button" value="Collapse Menu" onclick="hidebutton();return false;"/>

<li class="green"><a id="close" href="" onclick="showframe(this.id); return false;">Development</a>

尝试使用此代码

更改：在iPad上悬停所以First Touch已注册为onclick并且：hover Functionailty仍然有效

1 个答案: