Cordovaを使用していない場合は、デバイスに組み込まれている場合は

私はCordovaを使用してhtmlファイルで構成されるアプリを作っています。しかし、私は自分のアプリケーションをビルドするとき、それはCSSもJSも使いたくない。Cordovaを使用していない場合は、デバイスに組み込まれている場合は

<!doctype html> 
    <html lang="en"> 
    <head> 
     <script> 
     function showDiv() { 
      document.getElementById('welcomeDiv').style.display = "block"; 
     } 
     </script> 
     <meta charset="utf-8"> 

     <title>InstaPlan</title> 

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
     <link rel="stylesheet" href="./main.css"> 
    </head> 

    <body> 
     <input type="button" name="answer" value="Show Div" onclick="showDiv()" /> 
     <div id="welcomeDiv" style="display:none;" class="answer_list" > WELCOME</div> 
     <div class="jumbotron" id="nbn"> 
      <h1 id="sub">Onsdag 20/4 Uke 16:</h1> 
      <h1 id="mid"> 
      <small>Gym MatteNorsk</small> 
      </h1> 
     </div> 
     <div class="jumbotron" id="nbn"> 
      <h1 id="mid"><small>Lekser til Torsdag:</small></h1> 
     </div> 
     <div class="jumbotron" id="nbm"> 
      <h1 id="sub">ayylmao ingen lekser</h1> 
     </div> 
    </body> 
    </html>

私はただのindex.htmlのようなWWWフォルダ内にある別のファイルからCSSを使用している、と私はまた、ブートストラップからいくつかのCSSを使用しています。それがそれに影響を与えるかどうかはわかりません。しかし、ヘッダータグにあるjavascriptも実行されていないようです。それはdivを表示したくありません。これは、CSSが動作していないために、style.displayを使用していることが原因ですか？

ありがとうございました

出典

2016-04-22 Toasterino

bootstrap.min.cssをローカルにプロジェクトフォルダにダウンロードして問題を絞り込むことができますか？ – Gandhi

問題はコードホイールホワイトリストの問題によって発生している可能性があります。外部のcssファイルを含めるには、cordova-whitelistプラグインを参照してください。

https://github.com/apache/cordova-plugin-whitelist

出典

2016-04-22 13:16:45 Yagiz

ホワイトリストにブートストラップを追加しようとしましたが、ビルド中にこのコメントがありました。 manifest.jsonを ##コルドバのコマンドを実行に基づいて更新のプラグイン：プラグインは、NPM プラグイン経由で[email protected] フェッチプラグイン「[email protected]を」追加「コルドバ-plugin-ホワイトリスト "はすでにアンドロイドにインストールされています。携帯電話でビルドを実行したときにCSSが表示されませんでした：/ – Toasterino

コンテンツセキュリティポリシーのメタタグがindex.htmlの先頭にある可能性があります。 –

元の投稿に投稿したIndex.htmlには？または私がダウンロードしたホワイトリストにありますか？ – Toasterino

私は頭の中でスクリプトをputingことで、同じ問題に苦しんで、あなたがやったと一度私はこの

のようにページの一番下にスクリプトを変更してHTML要素に関数を呼び出しました

... 
<div class="jumbotron" id="nbm"> 
      <h1 id="sub">ayylmao ingen lekser</h1> 
     </div> 
     <script> 
     function showDiv() { 
      document.getElementById('welcomeDiv').style.display = "block"; 
     } 
     </script> 
    </body> 
    </html>

それ以外の場合は、DOMがダウンロードされた後にスクリプトが解釈されます。

出典

2016-04-22 14:37:09 PacMan

私はこれを試しましたが、それでも動作しません：/ btw遅く返事を申し訳ありません – Toasterino

ファイルでCSSが間違っ

<リンクのrel =「スタイルシート」のhref =」./メインで呼び出すようcssファイルとインデックスファイルが

を置かれている場所か確認します.css ">

あなたのインデックスファイルとCSSファイルが同じフォルダにある場合

www/index.html & www/main.css

はその後

<リンクRELのようなリンクを書い= "のmain.css" = "スタイルシート" のhref>

場合、またはスタイルやその他の内部フォルダ内にあるCSSファイル

<リンクのrel = "スタイルシート" のhref = "スタイル/のmain.css">

とthより

スタイル/メインのwwwフォルダ内のスタイルのためにあなたが

更新

index.htmlのため

<head> <meta charset="utf-8"> <title>InstaPlan</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="style/main.css"> <script src="cordova.js"></script> <script src="js/main.js"></script> </head> <body> <input type="button" name="answer" value="Show Div" onclick="showDiv()" /> <div id="welcomeDiv" style="display:none;" class="answer_list" >WELCOME</div> <div class="jumbotron" id="nbn"> <h1 id="sub">Onsdag 20/4 Uke 16:</h1> <h1 id="mid"> <small>Gym MatteNorsk</small> </h1> </div> <div class="jumbotron" id="nbn"> <h1 id="mid"><small>Lekser til Torsdag:</small></h1> </div> <div class="jumbotron" id="nbm"> <h1 id="sub">ayylmao ingen lekser</h1> </div> </body>

作成したフォルダを動作しますです。これは、ブートストラップCSSと鉱山カスタムCSS
と私のために働いているのjsのフォルダにwwwフォルダ内の

JS/main.js

function showDiv() { document.getElementById('welcomeDiv').style.display = "block"; }

を作成したCSS

.jumbotron h1{ 
    font-size: 12px; 
    text-decoration: underline; 
    font-weight: 200; 
}

これを試してください、これがあなたのために働くかどうか私に知らせてください。

出典

2016-04-25 12:54:34

私はそれが別のスレッドで提案されたが、何もしなかったために変更した理由。それを元に戻しても何もしなかった：/ – Toasterino

Cordovaを使用していない場合は、デバイスに組み込まれている場合は

答えて

更新

関連する問題