Question

我正在试图弄清楚如何显示像twitter这样的最新数据。我们知道，如果用户点击打开它，twitter只显示最新数据，我想这个流程就像是收集了一些推文，当用户点击它的通知时，用户会看到最新的帖子。

HTML代码

<div class="container">
    <div class="row">
    <h3>this is football feed</h3>
        <div class="col-lg-8 col-lg-offset-2" >
            <div id="notification">New feeds coming!</div>
            <div id="opened"></div>
        </div>
    </div>
</div>

JavaScript代码

<script>
    //hide notification div
    $("#notification").hide();
    $("#opened").show();

    var socket = io.connect('http://localhost:8890');
    socket.on('message', function (data) 
    {
        var content = JSON.parse(data); 
        var interests = content['interests'];
        if (interests.search(content['category']) > -1) 
        {
            $("#notification").show();

            $("#notification").click(function(){
                $("#opened").prepend( "<p>"+content['message']+"</p>" );
                $("#notification").hide();
            });
        };
     });
</script>

当一个帖子来的时候，它会通过显示＆＃34;新的来源和＃34;当我点击它时，它显示我收到的最后一个帖子，但如果我再次点击它，它会显示相同的数据。

我的代码出了什么问题？

Answer 1

socket.on()始终与socket.emit()一致，也许你需要在用户点击按钮时用socket.emit()触发相关事件。

点击推文时显示上一篇文章

1 个答案: