iPhone Web App Div 标签在 Safari 中加载

Question

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

我希望它在 webapp 视图中执行 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 框架。