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