ディスプレイ：モバイルでは動作しません

-1

DIV内にテーブルがあり、最初にページが読み込まれるときに'display: none'が設定されています。ディスプレイ：モバイルでは動作しません

項目が選択されているときにDIVが表示されるドロップダウンメニューがあります。

この機能はコンピュータで正常に機能しますが、モバイルでは機能しません。

同じ方法を使用していない場合でも、この作業を行うための非常に簡単な方法が必要です。

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

はJavaScript：

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

私たちはあなたのコードを知らなくてもあなたを助けることはできません。あなたの質問を編集してください。 – 4castle

[最小、完全、および検証可能な例]（http：//stackoverflow.com/help/mcve） – Josh

問題を理解できるように詳細で読みやすいコードを追加してください –

JavaScriptがお使いの携帯電話のブラウザ上でアクティブであることを確認していますか？ alert("Javacript is ON")を関数に追加して、この点を確認してください。

私は通常、「表示：なし」と「表示：非表示」の組み合わせを使用しています。このコマンドは、モバイルブラウザでは、単独の「ディスプレイ」よりも理解しやすいかもしれません...だから、一緒にテストする必要があります。

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

のみ、あなたの仕事をするために、このクラスを追加または削除する必要があります、シンプルかつ明確なコードを保つためにオフトピック考慮

一つは、私はあなたがあなたの要素を非表示になりますCSSクラスを定義示唆します。

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

を除去するために：追加について

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

だから、これ以上の 'スタイル= ""' あなたのHTMLタグ、唯一のクラスとIDの定義ではありません。

あなたはjQueryを使って作業を気にしない場合、それは確かにあなたの難しさの多くを削減します（そして、あなたがより少ないコードを書く作る！）

2016-08-04 16:14:06 technico

答えて