jQuery 进阶用法

$(function() { $(window).on(‘resize‘, function () {//监听屏幕大小改变事件 let clientW = $(window).width()//获取可视窗口宽度 let $allItems = $(‘.carousel-inner .carousel-item‘) console.log(‘change‘,clientW, $allItems) }).trigger(‘resize‘) //trigger方法触发元素的事件})

或者:(触发元素事件trigger/监听窗口变化事件resize/窗口获取事件$(window).width())

$(function() { $(window).on(‘resize‘, function () {//监听屏幕大小改变事件 let clientW = $(window).width()//获取可视窗口宽度 let $allItems = $(‘.carousel-inner .carousel-item‘) console.log(‘change‘,clientW, $allItems) }) $(window).trigger(‘resize‘) //加载即调用一次该事件}) //

 

相关文章