當窗口到達640px時,我有一小段代碼要觸發。或以下 我嘗試了許多不同的建議,我已經在這裏或其他地方找到了,但沒有一個可行。如何觸發?
$(function() {
$('p').css('display','none');
$('h1').click(function(){
$('p').stop(true,true).slideToggle(1000);
});
});
當窗口到達640px時,我有一小段代碼要觸發。或以下 我嘗試了許多不同的建議,我已經在這裏或其他地方找到了,但沒有一個可行。如何觸發?
$(function() {
$('p').css('display','none');
$('h1').click(function(){
$('p').stop(true,true).slideToggle(1000);
});
});
可以綁定窗口大小調整事件做:
$(window).on('resize', function(event){
// Do stuff here
});
你可以得到窗口的大小做:
var windowWidth = $(window).width();
if(windowWidth < 640){
// Do stuff here
}
所以,你的功能會像這樣:
$(window).on('resize', function(event)
{
var windowWidth = $(window).width();
if(windowWidth < 640){
$('p').css('display','none');
$('h1').click(function(){
$('p').stop(true,true).slideToggle(1000);
});
}
});
綁定到窗口'resize'事件來運行一個函數每當窗口大小改變時。 – Barmar
不要忘記選擇接受的答案。 – Phiter