在移動設備上同時隱藏div和javascript代碼

Question

我在Bootstrap布局中的內容除兩個Divs

a）社交欄div

<div id="socialnetwork" class="navbar-text navbar-right visible-md visible-lg">
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_plusone_large' displayText='Google +1'></span>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_fblike_large fblike-align' displayText='Facebook Like'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_email_large' displayText='Email'></span>
</div>

關聯的JS嵌入標簽

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js">
</script>
<script type="text/javascript">
stLight.options(
{publisher: "f1325bca-f8fc-4cec-9e01-02cd5ddd29ed", 
doNotHash: false, doNotCopy: false, hashAddressBar: false}
);
</script>

b）Disqus評論分部

<div id="disqus_thread" class="col-lg-10 visible-md visible-lg"></div>

截圖示例- http://tinypics.in/image/o的jsfiddle代碼示例- http://jsfiddle.net/betacoder/buC6c/

我的目標是，如果視口是用於中屏或大屏，而不是在手機/平板電腦布局上，則僅加載此DIV及其相關的JAVASCRIPT（如果在手機/平板電腦上則隱藏）

好吧，“ visible-md visible-lg ”標簽使我可以在移動設備和平板電腦布局中隱藏div。

但是，javascript仍在后台加載並占用用戶帶寬。

如何解決此問題，僅在中大屏幕或寬度大於990px​​的設備上引導引導布局時，才想加載與其關聯的JS文件。

有Quickfix嗎？ 希望聽到您的回應或解決方法。

Answer 1

歡迎來到StackOverflow！ 即使標記是隱藏的，也仍然像JavaScript一樣傳遞給瀏覽器。 您將無法阻止僅使用CSS規則加載JavaScript。