2016-06-01 3 views
2

Я уже искал функцию jquery .resize(), но jquery .resize() срабатывает только при изменении размера окна, то, что я хотел, было триггером, который стреляет, когда изменяется ширина, например, вместо изменения ширина браузера, которую пользователь нажимает на кнопку, чтобы максимизировать, и функция не запускается, у меня есть функция, которая запускает функцию на resize(), есть ли какая-либо функция, которая похожа на on("windowwidthchanges")?Как изменить ширину окна без изменения размера

+0

Нажала ли ваша кнопка сообщение об ошибке? – Shanimal

ответ

3

Вы можете обнаружить оба события и просто выполнить код, когда это изменение ширины:

var width = $(window).width(); 
$(window).resize(function(){ 
    if($(this).width() != width){ 
     width = $(this).width(); 
     console.log(width); 
    } 
}); 
0

Я проверил Chrome, Firefox и IE11. Все три браузера вызывают предупреждение при нажатии кнопки максимизации.

$(window).resize(function(){ alert("resized"); }); 

Что конкретно вы пытаетесь сделать, что это не сработает для вас?

+0

точно, что это не работает для меня! –

0

Вы можете переместить код на именованную функцию и вызвать ее при изменении размера и при нажатии кнопки.

Или, вы можете вызвать изменение размеров при нажатии кнопки:

$("button").on("click", function(){ 
    $(window).trigger("resize"); 
}); 

Примеры: http://jsfiddle.net/cde7fwrb/

EDIT: Я вижу, что вы говорили о браузере кнопку максимизации. Ну, ну ....

Смежные вопросы