在$（window）上更改HTML .width（）;

Question

我有一个三列标题栏。当窗口的宽度小于767px时，我想改变三列的HTML。

HTML：

<div class="header">
    <div class="col-xs-4" id="tab1">Original Text</div>
    <div class="col-xs-4" id="tab2">Original Text</div>
    <div class="col-xs-4" id="tab2">Original Text</div>
</div>

和 JS：

if ($(window).width() < 767 {
    $("#tab1").text('New Text');
    $("#tab2").text('New Text');
    $("#tab3").text('New Text');
}

$(window).resize(function() {
    if ($(window).width() < 767) {
        $("#tab1").text('New Text');
        $("#tab2").text('New Text');
        $("#tab3").text('New Text');
    }
});

....跟我说话！

Answer 1

你错过了关闭括号＆＃34; ）＆＃34;

if ($(window).width() < 767){
//your code
}