在Web浏览器中加载iPhone Web App Div标记

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的任何其他框架，它为您提供支持，如触摸屏幕事件。