javascript - iPhone Web App Div 标签在 Safari 中加载

Question

我有一个适用于 iOS 设备的网络应用程序。我有一个讨厌的链接，它调用 JavaScript 函数来显示和隐藏 div 层。但是，它不是在 webapp View 中执行此 javascript 显示/隐藏，而是在 safari 中关闭并加载页面和 javascript。

我希望它在 webapp View 中执行 javascript。我知道这是可能的，因为我在页面上成功运行了其他 JavaScript，但它不是通过链接调用的。

这是我的 JavaScript:

 <script language="javascript" type="text/javascript">

 function showHideDiv()
{
    var divstyle = new String();
    divstyle = document.getElementById("optionpanel").style.visibility;
    if(divstyle.toLowerCase()=="visible" || divstyle == "")
    {
        document.getElementById("optionpanel").style.visibility = "hidden";
    }
    else
    {
        document.getElementById("optionpanel").style.visibility = "visible";
    }
}
</script>

这是调用我的 Javascript 的链接:

 <a href="#" class="Action" id="action" onclick="showHideDiv();">Menu</a>

最后，这是我的 div 层:

<div id="optionpanel" style="visibility:hidden">
 content here
 </div>

Answer 1

您是否尝试过在函数 showHideDiv() 末尾添加“return false”并修复调用:

<a href="#" class="Action" id="action" onclick="return showHideDiv();">Menu</a>

我还鼓励您尝试 jqtouch 或 jquery mobile或任何其他 iOS 框架，为您提供对点击屏幕事件等支持的支持。