僅適用於手機或桌面應用javascript

我有兩個腳本，我想用於任何屏幕寬度小於990px和另一個更大的東西。這些腳本來自第三方，僅適用於實際的域名（因此對其他人來說，測試是很難的）。僅適用於手機或桌面應用javascript

這裏是他們給我的腳本：

對於移動：

<script> 
    (function(){ 
     var t = document.getElementsByTagName("script")[0]; 
     var s = document.createElement("script"); s.async = true; 
     s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/accordionchart/nfaccordion"; 
     t.parentNode.insertBefore(s, t); 
    })(); 
    </script>

對於桌面：

<script> 
    (function(){ 
                var t = document.getElementsByTagName("script")[0]; 
                var s = document.createElement("script"); s.async = true; 
                s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/spottableextended/nfspotextended"; 
                t.parentNode.insertBefore(s, t); 
    })(); 
    </script>

我已經試過這對於桌面的看法，但我知道的東西是關閉。

對於桌面：

<script> 

        (function(){ 
     var viewportWidth = $(window).width(); 
     if (viewportWidth > 900) { 
                    var t = document.getElementsByTagName("script")[0]; 
                    var s = document.createElement("script"); s.async = true; 
                    s.src = "//integration.nfusionsolutions.biz/client/jh/widget/module/spottableextended/nfspotextended"; 
                    t.parentNode.insertBefore(s, t); 
       } })(); 
        </script> 

Any suggestions? 

UPDATE*** Code based on response below 

    <script> 
if ($(window).width() > 990) {  
    (function(){ 
                var t = document.getElementsByTagName("script")[0]; 
                var s = document.createElement("script"); s.async = true; 
                s.src = "//integration.nfusionsolutions.biz/client/jackhunt/widget/module/spottableextended/nfspotextended"; 
                t.parentNode.insertBefore(s, t); 
    })(); 
} 
else { 
    (function(){ 
     var t = document.getElementsByTagName("script")[0]; 
     var s = document.createElement("script"); s.async = true; 
     s.src = "//integration.nfusionsolutions.biz/client/jackhunt/widget/module/accordionchart/nfaccordion"; 
     t.parentNode.insertBefore(s, t); 
    })(); 
} 
</script>

來源

2016-04-04 user1683991

是否加載了jQuery？ – Scimonster

該網站不使用jquery。 – user1683991

如果網站不使用jQuery，那麼您不能使用諸如'$（window）'這樣的jQuery對象，也不能使用'.width（）'等方法。 [獲取屏幕的大小，當前網頁和瀏覽器窗口]（http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-窗口）有一個香草javascript方法來獲取窗口大小。請注意，這個JavaScript只執行一次，並檢查頁面LOADS時的頁面寬度 - 如果您事後調整窗口大小，它將不會重新執行代碼。 – h2ooooooo

您可以使用sompething這樣，如果你有尺寸的屏幕信息：

if ($(window).width() > 990) {  
    //Add your javascript for large screens here 
} 
else { 
    //Add your javascript for small screens here 
}

編輯：如果真的不能用jQuery的，你可以嘗試使用：

window.innerWidth

獲得寬度。但它也取決於調整大小的窗口......！

來源

2016-04-04 14:21:42 Aeldred

我已經試過這個，但是由於某種原因它不工作。根據您的迴應查看上面的更新代碼。 – user1683991

如果你不使用jQuery，你不能使用jQuery方法。請使用以下條件代替：

if (window.innerWidth > 900) { // code for large screens

來源

2016-04-04 14:28:35 Scimonster

我可以使用Jquery，但它不工作基於我在上面更新下面添加的內容。 – user1683991

在腳本之前加載jQuery？ – Scimonster

是的。我檢查時沒有錯誤。 – user1683991

僅適用於手機或桌面應用javascript

回答

相關問題