为什么我的JavaScript显然陷入了无限循环？

Question

我正在定义一个on'submit'事件，如下所示：

HTML代码是：

<div class="messages">

            <ul>

                <li class="sent">

                    <img src="/img/person1.png" alt="" />

                    <p>How the hell am I supposed to get a jury to believe you when I am not even sure that I do?!</p>

                </li>

                <li class="replies">

                    <img src="/img/botimg.png" alt="" />

                    <p>When you're backed against the wall, break the god damn thing down.</p>

                </li>

                <li class="replies">

                    <img src="/img/botimg.png" alt="" />

                    <p>Excuses don't win championships.</p>

                </li>

                <li class="sent">

                    <img src="/img/person1.png" alt="" />

                    <p>Oh yeah, did Michael Jordan tell you that?</p>

                </li>

                <li class="replies">

                    <img src="/img/botimg.png" alt="" />

                    <p>No, I told him that.</p>

                </li>

            </ul>

        </div>

        <div class="message-input">

            <div class="wrap">

            <input type="text" placeholder="Write your message..." />

            <i class="fa fa-paperclip attachment" aria-hidden="true"></i>

            <button class="submit"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>

            </div>

        </div>

辅助功能：

function newMessage() {

    console.log("Inside newMessage");

    message = $(".message-input input").val();

    if($.trim(message) == '') {

        return false;

    }

    $('<li class="sent"><img src="/img/person1.png" alt="" /><p>' + message + '</p></li>').appendTo($('.messages ul'));

    $('.message-input input').val(null);

    $(".messages").animate({ scrollTop: $(document).height() }, "fast");

};

提交点击功能是：

$('.submit').click(function() {

  newMessage();

});

现在，每当我单击“提交”按钮时，“ Inside newMessage”消息就会不断在JavaScript控制台中记录。

Answer 1

清除Chrome浏览器的历史记录（特别是“ Cookie和其他数据”）后，它现在可以工作。