顯示：none沒有在移動工作

-1

我有表格位於一個DIV和頁面初始加載時，已設置'display: none'。顯示：none沒有在移動工作

有一個下拉菜單，當選擇一個項目時顯示DIV。

此功能在計算機上正常工作，但不適用於移動設備。

我只是想要一個非常簡單的方法來完成這項工作，即使它沒有使用相同的方法。

<div id="this_div" style="display: none"> ... </div>

的JavaScript：

function unHide() { 
    document.getElementById('this_div').style = ""; 
}

我們不能幫你不知道你的代碼。請[編輯]你的問題。 – 4castle

你需要一個[Minimum，Complete，and Verifiable example]（http://stackoverflow.com/help/mcve） – Josh

請加上詳細和可讀的代碼，以便我們可以理解問題 –

你肯定JavaScript是活躍在手機瀏覽器？嘗試在您的功能中添加alert("Javacript is ON")以檢查此點。

我通常在其他人的代碼上看到「display：none」與「visibility：hidden」結合使用。您的手機瀏覽器可以更好地理解此命令，而不是單獨的「顯示器」......因此，兩者應該一起測試。

一個題外話考慮，保持代碼簡單明瞭，我建議你定義的CSS類，將隱藏元素：

.hidden { 
    display:none; 
    visibility:hidden; 
}

只需要添加或刪除該類做你的工作。添加：

document.getElementById("this_div").className += " hidden"

，拆卸：

document.getElementById("this_div").className.replace(/\bhiddden\b/,'');

所以不會有更多的 '風格= 「」' 在你的HTML標籤，只有等級和ID定義。

如果你不介意使用jQuery，它肯定會減少很多的你的困難（讓你寫更少的代碼！）

2016-08-04 16:14:06 technico

回答