javascript - jQuery 标题闪烁

Question

我正在编写一个基本的聊天脚本，只是对以下代码有一点小插曲。基本上，我试图让页面标题“闪烁”类似于 facebook 的做法。

<script>
    $(function(){
        var title = $("title");

        var flash = setInterval(function(){
            $("#chatbox_2").toggleClass('notify');
            (title.text == 'blah') ? title.text("New message...") : title.text('blah');
        }, 900);
    });
</script>

如果我console.log(title.text());返回blah

谁能看到我做错了什么？

Answer 1

更改title.text == 'blah'为title.text() == 'blah'

Answer 2

.text在三元的条件中调用后，您缺少括号。

Answer 3

更改文档标题的正确方法是document.title = "New title";

考虑到这一点，合适的 JavaScript 将是：

(function() {
    var toggle = false,
        chatbox = document.getElementById('chatbox_2'),
        flash = window.setInterval(function() {
            toggle = !toggle;
            chatbox.className = chatbox.className.replace(/(?:\bnotify\b\s?)?/,toggle ? 'notify ' : '');
            document.title = toggle ? "New message..." : "blah";
        },900);
})();