如何在同一页面上多次调用PubNub Chat?

时间:2014-10-21 07:33:35

标签: javascript pubnub

所以我试图让PubNub非常简单的聊天代码符合我在一个页面上进行多次聊天的需求。这是错误的 demo 和原始代码:

  Enter Chat and press enter
<div><input id="input" placeholder="Say something!" /></div> 
Chat Output
<div id="box"></div>


<script src=http://cdn.pubnub.com/pubnub.min.js></script>
<script>
  (function(){
var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chat';
PUBNUB.subscribe({
channel : channel,
callback : function(text) { box.innerHTML = (''+text).replace( /[<>]/g, '' ) + '<br>' + box.innerHTML }
});
PUBNUB.bind( 'keyup', input, function(e) {
(e.keyCode || e.charCode) === 13 && PUBNUB.publish({
channel : channel, message : input.value, x : (input.value='')
})
} )
})()

</script>

我不是很擅长JS,但我认为演示中的代码可以正常工作,因为我刚刚更改了id和变量名。感谢您的帮助,如果这可行,那我就是金色的。

1 个答案:

答案 0 :(得分:2)

;

之后,您的两个区块代码之间缺少()
// ...
})
} )
})();

^^这一个^^

  (function(){
var box1 = PUBNUB.$('box1'), input1 = PUBNUB.$('input1'), channel = 'chat';
// ...

固定代码:http://codepen.io/anon/pen/odhle