jquery在窗口大小調整時做些什麼

我很難將兩個腳本組合在一起，它們作爲兩個腳本工作，但我需要它們作爲一個腳本工作，腳本是讓下拉菜單出現，另一個將下拉菜單更改爲超鏈接我需要的腳本做的是，當窗口是說小於520，它打開下拉菜單只是一個鏈接嘿就是我jquery在窗口大小調整時做些什麼

$(window).resize(function() 
{ 
    if ($(window).width() < 520) 
    { 
     $("#documentLink").attr("href", "http://www.w3schools.com/jquery"); 
    } 
    else 
    { 
     $(document).ready(function() 
     { 
      $("#documentLink").click(function() 
      { 
       $("#documentcontainer").fadeToggle(300); 
       return false; 
      }); 
      $(document).click(function() 
      { 
       $("#documentcontainer").hide(); 
      }); 
      $("#documentcontainer").click(function() 
      { 
       return false; 
      }); 
     }); 
    } 
});

當窗口大小的第一部分工作，但最後一部分的腳本並不抱歉，我的問題鋪好的方式不擅長問問題

來源

2015-07-12 aaron head

這是非常非常很有可能你的$(document).ready的回調將被觸發 - 當文檔準備就緒時，document上的ready事件會被觸發一次，但當用戶調整窗口大小（在事件ready後觸發事件）時附加此事件。

你應該做的是在你的回調檢查窗口的大小小於520，做什麼是必要的後：

$(document).ready(function() { 
    $("#documentLink").click(function(e) { 
     if ($(window).width() >= 520) { 
      e.preventDefault() ; 
      $("#documentcontainer").fadeToggle(300); 
      return false; 
     } 
     return true ; 
    }); 
    $(document).click(function({ 
     $("#documentcontainer").hide(); 
    }); 
    $("#documentcontainer").click(function() { 
     return false; 
    }); 
});

在這裏，我假設你#documentLink已經是一個a標籤與相應的href。

來源

2015-07-12 12:45:12 Holt

documentLink有＃href和那個什麼頂腳本把它在一個頁面的URL在我的網站 –

@aaronhead你可以改變它' http：// www.w3schools.com/jquery'，返回false是'click'回調將阻止URL重定向。 – Holt

也許你可以嘗試這樣的事情，

 $(document).ready(function() 
    { 
     $(window).resize(function() 
     { 
      if ($(window).width() < 520) 
      { 
       $("#documentLink").attr("href", "http://www.w3schools.com/jquery"); 
      } 
      }); 

//READY CODE HERE 
        $("#documentLink").click(function() 
        { 
         if ($(window).width() > 520) //CHECK WIDTH IN EVENT HNDLR. 
         { 
         $("#documentcontainer").fadeToggle(300); 
         return false; 
         } 
        }); 


        //MORE CODE HERE... 



     }); 
    });

來源

2015-07-12 12:45:15 Varun

jquery在窗口大小調整時做些什麼

回答

相關問題