0

我只想在窗口大小< 767（应该与调整大小一起使用）并且在单击按钮后调用一个函数

如果我调整窗口大小< 767并单击搜索，我的这段代码可以完美运行。但是，如果我单击窗口大小按钮> 767和. 我正在寻找一种方法来结合所有和按钮点击？ RESIZE< 767<767resize

这就是我到目前为止所拥有的。你们能帮忙吗？

function searchButtonClick(){

    if(jQuery(window).width() < 767){
        jQuery('.search_mob').slideUp(500);
        jQuery('.carousel-wrapper').hide(); //show search function
        jQuery('.innerSearhPopup').slideUp(300); //show search function

        if (jQuery('.carousel-wrapper').css('display') == 'none')
            {
               jQuery('.innerSearhPopup').css({'top':'109px' });
            }

        }
}
4

1 回答 1

3

您需要为窗口调整大小添加事件处理程序：

jQuery(window).resize(searchButtonClick);

编辑 如果您只想在至少单击一次按钮后执行此操作，则可以在第一次单击后附加处理程序：

// keep track of whether you have attached the handler
var isattached = false;                
function searchButtonClick(){
    // attach the handler if it hasn't been added yet
    if (!isattached){                  
        isattached = true;
        jQuery(window).resize(searchButtonClick);
    }

    if(jQuery(window).width() < 767){
        jQuery('.search_mob').slideUp(500);
        jQuery('.carousel-wrapper').hide(); //show search function
        jQuery('.innerSearhPopup').slideUp(300); //show search function

        if (jQuery('.carousel-wrapper').css('display') == 'none')
            {
               jQuery('.innerSearhPopup').css({'top':'109px' });
            }

        }
}
于 2013-05-10T20:35:50.373 回答