javascript
  • jquery
  • css
  • twitter-bootstrap
  • 2013-12-10 106 views 0 likes 
    0

    我已分開兩個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?喜歡聽到反應或近似的解決方法。

    回答

    0

    歡迎來到StackOverflow!儘管隱藏了標記,但它仍然是交付給瀏覽器的,就像JavaScript一樣。您將無法僅使用CSS規則加載JavaScript。

    相關問題