Question

你好我有这个函数在特定宽度上预先形成jquery，我喜欢它并且它工作正常但唯一的缺点是浏览器必须刷新才能启动。请检查下面的代码

function checkWidth() {
    if (jQuery(window).width() < 1199) {
        //do something
    } else {

    }
};
checkWidth();

所以这个函数说的是当屏幕低于1199像素时，然后执行该功能，但是当你从1199px以上开始然后将浏览器移到1199px以下时，需要重新加载页面。

重点是针对平板电脑。我知道平板电脑不能比这更大，所以每当用户在平板电脑上打开页面这不是问题，但我有点挑剔，并希望当用户在浏览器中打开它然后缩小时这个工作浏览器。

是否可以修改此功能，以便它可以在浏览器缩小时工作而不必刷新？

谢谢！

Answer 1

您可以在CREATE TRIGGER productdelete ON product INSTEAD OF DELETE AS BEGIN DECLARE @today datetime, @orderdate date SET @today = GetDate() IF NOT EXISTS(SELECT productid from product where productid = (select productid from deleted) and (SELECT orderdate from orders) > (SELECT DATEADD(YEAR, -2, @today))) raiserror ('Unable to delete', 16,1) rollback tran END上使用resize事件。每次浏览器调整大小时，以下内容都会调用window函数：

checkWidth()

但当然，您可以使用media queries来实现此目的。

Answer 2

您要查找的方法是.resize（）。以下是您可以参考的jquery文档：https://api.jquery.com/resize/，在这里您可以看到一个示例：http://www.w3schools.com/jquery/event_resize.asp。

您应该调用

中的函数

$(window).resize(function(){
    checkWidth();
});

checkWidth();

也在.resize（）方法之外，就像上面的例子一样。这将在页面加载时以及用户调整浏览器窗口大小时调用您的函数。当然这一切都在里面

$( document ).ready().

浏览器收缩时preform jquery函数

2 个答案: