可否使用jquery來disabled欄位？

Question

我寫了個jquery

$(document).ready(function(){
    var width =$(window).width();
    if(width<1200)
    {
        $(".disable").attr("disabled","true");
    }
});

有作用
但是假設寬度超過1200他會回復
只是要重新整理才可以
如何讓他不重新整理也可以變化?

Answer 1

你的代码只在ready时候执行了一次，所以有你说的问题。
你可以用定时器来一直查询，可以使用requestAnimationFrame来优化

$(document).ready(function(){
    diableFuc()
});

function diableFuc(){
    setInterval(function(){
        var width =$(window).width();
        if(width<1200)
        {
            $(".disable").attr("disabled","true");
        }
    },1000/60)
}

Answer 2

可以用媒体查询来控制 pointer-events opacity 等属性，达到模拟 disable 的效果