将文本推送到数组然后附加到div - 在IE8中显示div中的文本两次

Question

使用mouseup，我将多个值附加到数组中。

var myArray = [];
$("#button").mouseup(function() {       

  myArray.push(" play contact sports");

]);

然后使用另一个按钮附加到div

$("#button2").mouseup(function() {      

  $('#output').append(myArray+'');

]);

在IE8的所有浏览器APART中都能正常工作，只需点击一下即可显示文本。

play contact sports play contact sports

没有逗号。有谁知道原因可能是什么？或者可能有效的替代方案？

Answer 1

我不清楚你想要它做什么，但是我会用你的元素附加每个文本节点，并且更明确地说明你的数组到字符串的转换。同样在您的点击处理程序中，确保事件已停止：

$("#button2").mouseup( function(event) {
   event.stopPropagation();
   event.preventDefault();
   $('<p></p>').html( myArray.join(',') ).appendTo('#output');
   return false;
} );