我已分開兩個div從我內容在我的引導佈局隱藏兩個DIV和移動設備上的JavaScript代碼
一)社交欄格
<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 Comments Div
<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那裏,如果視是midscreen或largescreen而不是 移動相關聯的JavaScript /平板佈局(如果移動/平板電腦有隱藏)
那麼「visible-md visible-lg「標籤讓我可以隱藏手機和平板電腦佈局中的div。
但仍然JavaScript在後臺加載和消費用戶帶寬。
如何解決這個問題,想加載與之相關的JS文件僅當在大中屏幕上或以上990px寬設備引導佈局。
任何Quickfix?喜歡聽到反應或近似的解決方法。