Question

我在窗口加载时有一个悬停功能，窗口大小调整了一些其他条件。我希望保持原样，但我也想调用窗口上的thumbHover函数调整大小并向info-top添加一个css位置属性（仅适用于窗口调整大小的thumbHover函数），而不是其他所有内容。谁能帮我？非常感谢！

function thumbHover() {
    $('.thumb').hover(function () {
            $('.info-top').text('Hover Text');
        },
        function () {
            if (!$('.info-top').hasClass('active')) {
                $('.info-top').text('');
            }
        });
}
thumbHover();
window.onresize = function () {
    if ($(".thumb").css("margin-bottom") === "1px") {
        $('.info-top').appendTo('#Grid');
    } else {
        $('.info-top').appendTo('#middle');
    }
};

Answer 1

$(window).resize( function(){
  thumbHover();
  if ($("thumb").css("margin-bottom") === "1px") {
      $('.info-top').appendTo('#Grid');
      } else {
         $('.info-top').appendTo('#middle');
      }
  });

如果你想调用thumbHover（）;那么你必须将该函数放在resize函数中。然后在执行thumbHover（）之后用jquery添加css;功能

窗口上的Jquery调用函数调整大小并添加属性

1 个答案: