Question

我对Javascript很新。我从头开始创建了我的第一个代码，我所做的是当屏幕宽度达到900px时，选项卡上较长的措辞被较短的措辞所取代。

这些是标签中的标题：

信用专家与信用评分进入信用专家与分数
我们如何帮助人们进入我们的帮助

当我调整浏览器大小时，它确实有效，但是当我刷新它时，它会恢复为更长的措辞。有没有办法在刷新后保留它？

另外，请记住我无法使用CSS或媒体查询，因为jQuery选项卡在检测到宽度小于900px时无法删除较长的措辞。

这是网页：的 http://planet.nu/dev/test/index.html

这是我的Javascript代码：

＆＃13;

$(document).ready(function(){
function checkWidth() {
    if ($(window).width() < 900) {
        $('li.cvc').text('Credit Expert vs Score');
        $('li.hwh').text('How we help');
    } else {
        $('li.cvc').text('Credit Expert vs Credit Score');
        $('li.hwh').text('How we help people');
    }
}
$(window).resize(checkWidth);
});

＆＃13;

Answer 1

您只需在首次加载页面时调用checkWidth()，以便在页面调整大小之前应用逻辑。

$(document).ready(function(){
    function checkWidth() {
        if ($(window).width() < 900) {
            $('li.cvc').text('Credit Expert vs Score');
            $('li.hwh').text('How we help');
        } else {
            $('li.cvc').text('Credit Expert vs Credit Score');
            $('li.hwh').text('How we help people');
        }
    }
    $(window).resize(checkWidth);
    checkWidth();
});

Answer 2

在页面加载时运行checkWidth一次，所以：

$(window).resize(checkWidth);
checkWidth();

Answer 3

您可以使用triggerHandler在页面加载时调用您的函数。

$(window).resize(checkWidth).triggerHandler('resize');

Answer 4

只需调用checkWidth（）;功能如

$(document).ready(function(){
function checkWidth() {
    if ($(window).width() < 900) {
        $('li.cvc').text('Credit Expert vs Score');
        $('li.hwh').text('How we help');
    } else {
        $('li.cvc').text('Credit Expert vs Credit Score');
        $('li.hwh').text('How we help people');
    }
}
$(window).resize(checkWidth);
checkWidth();
});

如何在重新加载浏览器后保留Javascript上的文本更改？

4 个答案: