jquery如何添加瀏覽器大小改變觸發(fā)事件，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

在鹿城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需求定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),全網(wǎng)營銷推廣,外貿(mào)營銷網(wǎng)站建設(shè),鹿城網(wǎng)站建設(shè)費(fèi)用合理。

在jquery中，可以利用resize方法添加瀏覽器大小改變觸發(fā)事件，該方法的作用就是當(dāng)調(diào)整瀏覽器窗口的大小時(shí)發(fā)生resize事件，或規(guī)定當(dāng)發(fā)生resize事件時(shí)運(yùn)行的函數(shù)，語法為“$(selector).resize()”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎樣添加瀏覽器大小改變觸發(fā)事件

當(dāng)調(diào)整瀏覽器窗口的大小時(shí)，發(fā)生 resize 事件。

resize() 方法觸發(fā) resize 事件，或規(guī)定當(dāng)發(fā)生 resize 事件時(shí)運(yùn)行的函數(shù)。

觸發(fā) resize 事件

語法

$(selector).resize()

將函數(shù)綁定到 resize 事件

語法

$(selector).resize(function)

function 可選。規(guī)定當(dāng)發(fā)生 resize 事件時(shí)運(yùn)行的函數(shù)。

示例如下：

x=0;
$(document).ready(function(){
$(window).resize(function() {
  $("span").text(x+=1);
});
});



窗口大小被調(diào)整過 0 次。
請(qǐng)?jiān)囍匦抡{(diào)整瀏覽器窗口的大小。

輸出結(jié)果：

看完上述內(nèi)容，你們掌握jquery如何添加瀏覽器大小改變觸發(fā)事件的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！