我有一个使用Pusher API打开的网络套接字，每当新用户订阅或取消订阅该频道members.count时，当我在控制台中签入时，它都将成功更新变量。
但是，innerHTML仅在加载时显示。它没有被更新。
var presenceChannel = pusher.subscribe('presence-channel')
var userCount
presenceChannel.bind('pusher:subscription_succeeded', function(members){
userCount = members.count;
document.getElementById('userCount').innerHTML = userCount;
});
html
<h1 id="userCount">X</h1>
我想念什么？
我以前没有使用过pusher，但是快速浏览一下文档意味着pusher:subscription_succeeded仅触发一次……讽刺的是，subscribe（）成功时。我想你想pusher:member_added和pusher:member_removed成员时来休假。
我将创建一个方法来处理所有这一切：
var presenceChannel = pusher.subscribe('presence-channel');
function updateUserCount() {
document.getElementById('userCount').innerHTML = presenceChannel.members.count;
}
presenceChannel.bind('pusher:subscription_succeeded', function(members) {
updateUserCount();
});
presenceChannel.bind('pusher:member_added', function(member) {
updateUserCount();
});
presenceChannel.bind('pusher:member_removed', function(member) {
updateUserCount();
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句