レスポンシブ/モバイルページを読み込むための最良の方法に苦労しています。次に、画面の幅に応じてコメントを外すjQueryプラグインが見つかりました。私は余分なHTTPリクエストを必要としないので、それは完璧だとわかりました。スクリプト内でのスクリプトのロード
しかし、私は問題に遭遇しました。このjQueryプラグインは、他のスクリプトをロード/レンダリングできません。それは私が望んでいた部分が、さえずりボタンさえずりボタンが作動しない可能スクリプト行をコメントhttps://jsfiddle.net/g3f88q5k/
<div id="Test">
<!-- @media only all and (min-width:400px)
<script> Whatever </script>
-->
</div>
：あなたは、私はちょうどでした。このフィドルで見ることができます。
どうすればいいですか？
あなたはできる役割私は一例として、jqueryのを使用していますが、それは何も動作するはずです。この
<html>
<head></head>
<body>
<script type="text/javascript">
var script = document.createElement('script');
script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js";
script.onload = function() {
console.log($); // now it's loaded
};
document.body.appendChild(script);
console.log($); // doesn't work
</script>
</body>
</html>
のようなものを。
私はそれが私が欲しいもので動作するとは思わない。これはスクリプトをロードしますが、twitterボタンの場合は...？ – borbs
XHR（またはJSコード自体）はifステートメント内で作成できますが、XHRの場合は複数のスクリプトの読み込みでパフォーマンスが低下します。すべてのJavaScriptを1つの縮小されたファイルに入れて、一度にダウンロードする方が良いでしょう。あなたは、メディアのクエリのようにJSを検出することができますが、たぶん保守が容易ではありません。
お試しenquire.jsmatchコールバック
：箱から出して
enquire.register("your screen media query here", {
match : function() {
//load your script here
}
});
...あなたは応答性について話している場合は、ブートストラップは、今日のヒーロー..です –
@Reddy、ブートストラップは、この質問に対して適切な提案ではなく、それはメンテナンスの悪夢なので、大規模なプロジェクトのための特に素晴らしい図書館ではありません。 – zzzzBov
@Reddy私は、隠されたクラスとすべてを使ってそれを使用しています。しかし、これらのクラスはまだコンテンツを読み込むだけでは表示されません。 – borbs