Question

我的span ID为randomText，HTML为changingText。

我想要的是在调整窗口大小时更改内容的jQuery或纯JavaScript代码。

当窗口小于480px时（当用户将浏览器的大小调整为小于480px或用户使用小于480px的移动设备且不必调整大小时）浏览器）将span的HTML更改为I have changed并将href设置为新的HTML内容，当用户按此按钮转到www.google.com时。如果用户超过480px，则转到没有href的原始文本。

这很简单，但如果有人可以提供帮助我会很感激。

<span id="randomText">changingText</span>

Answer 1

我认为这应该有用

$(function(){
$(window).on("resize", function(){
    if($(window).width()<480){
        $("#randomText").html("<a id='changingTextWrapper' href='www.google.com'>I changed!</a>");
    }else{
        $("#randomText").html('changingText');
    }
});
if($(window).width()<480){
        $("#randomText").html("<a id='changingTextWrapper' href='www.google.com'>I changed!</a>");
    }

}）;

更改文本并将href添加到span元素Issue

1 个答案: