如何为移动设备实现jquery？

我正在尝试更改jquery，以便当屏幕分辨率低于480px时，占位符文本会更改

那么，当前的文本就是您要查找的内容

低于480px的文本需要说搜索我

非常感谢

这是我的

---

这听起来像是CSS媒体查询的一个例子。在480px以下隐藏包含“您在查找什么”文本的元素，并显示“搜索我”文本。如果大于480px，则执行相反的操作。这里根本不需要JavaScript。你会用大锤敲打图钉。

这是你的解决方案，伙计：

JS

---

只需测量$window.width。更好的是，使用显示一个元素，隐藏另一个元素。谢谢。唯一的问题是，当你使用480px或更低像素时，它就不起作用了，就像在移动设备中一样？你的网站是在移动设备中以桌面格式打开的吗？

//Search form typing

var txt = "What are you Searching for?";
var timeOut;
var txtLen = txt.length;
var char = 0;
$('.main-search').attr('placeholder', '|');
(function typeIt() {
    var humanize = Math.round(Math.random() * (200 - 30)) + 30;
    timeOut = setTimeout(function () {
        char++;
        var type = txt.substring(0, char);
        $('.main-search').attr('placeholder', type + '|');
        typeIt();

        if (char == txtLen) {
            $('.main-search').attr('placeholder', $('.main-search').attr('placeholder').slice(0, -1)) // remove the '|'
            clearTimeout(timeOut);
        }

    }, humanize);
}());

$(document).ready(function(){
$(window).resize(function(){
if($(window).width() < 480)
{
    $("input").attr("value", "Search me");
}
    else
    {
        $("input").attr("value", "What do you want to search?");
    }
});

});