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框架，以便为您提供点击屏幕事件的支持。

在Safari中加载iPhone Web App Div标签

1 个答案: