0

我正在使用带有 JQuery 的套接字，在套接字的消息调用中，我想在我的 html 页面中附加一个 div，但是一旦页面加载，我就会看到一个额外的 div 已经附加，如何防止它在加载时附加这页纸。

其次，当附加一个 div 时，在 div 内有一个 id=answerit 的按钮，我在该按钮上添加了 onclick 功能。但是当 div 被附加并尝试点击 answer it 按钮时，它不会调用 onclick 函数，但是当页面重新加载时它可以工作

我的代码是

  Student.socket.onmessage = function (message) {
            //alert(message.data);
            $( document ).ready(function() {
            var str = message.data;
            var ques = str.split(":");
            var questionId = ques[0];
            var questionText = ques[1];
            var question = 
                "<div class='span11' style='border:2px solid; border-radius:5px; background-color:#b0c4de;'>"+
                    "<div style='width:30px; float:left;'>" +
                        "<div class='voteup'><a id="+questionId+" vote='true' title='This answer is useful' style='cursor:pointer'>up</a></div>"+
                        "<div class='votedown'><a id="+questionId+" vote='false' title='This answer is not useful' style='cursor:pointer'>down</a></div>"+
                    "</div>"+
                    "<div style='float:left;'>"+
                        "<div style='margin-top:5px' class='span10'>"+
                            "<span>"+questionText+"</span>"+
                            "<button id="+questionId+" style='float:right' class='answerit btn'>Answer It</button>"+
                            "<button id="+questionId+" style='float:right' class='showAnswers btn'>Show Answers</button>"+
                        "</div>"+
                    "</div>"+
                "</div>";
            $('#studentsQuestions').append(question);  
            });
        };

HTML 是

<div id="studentsQuestions"></div>

每次我加载一个页面时，我都会看到一个带有未定义文本的额外 div

谢谢

4

1 回答 1

2

如果你愿意，你可以在添加新内容之前清理 div#studentsQuestions

$("#studentsQuestion").empty().html(question);
于 2013-07-30T13:12:00.743 回答