Javascript 属性返回到函数外部的默认值_Javascript_Jquery_Html_Node.js_Socket.io

Javascript 属性返回到函数外部的默认值

javascript jquery html node.js socket.io

Javascript 属性返回到函数外部的默认值,javascript,jquery,html,node.js,socket.io,Javascript,Jquery,Html,Node.js,Socket.io,我正在使用socket.io和node.js。当我试图更改代码中div的可见性时，遇到了一个问题。我调用一个函数，当代码在函数中时，它会执行我想要的操作，但一旦完成，它就会返回到我设置的默认可见性。我在我的其他程序中看到过这种情况，这让我发疯，因为我不明白为什么它在函数中工作，但随后又返回。先谢谢你 <!doctype html> <html> <head> <title>Websocket Sea Chat</titl

我正在使用socket.io和node.js。当我试图更改代码中div的可见性时，遇到了一个问题。我调用一个函数，当代码在函数中时，它会执行我想要的操作，但一旦完成，它就会返回到我设置的默认可见性。我在我的其他程序中看到过这种情况，这让我发疯，因为我不明白为什么它在函数中工作，但随后又返回。先谢谢你

    <!doctype html>
<html>
  <head>

    <title>Websocket Sea Chat</title>

    <h1 align="center" id="titleHeading">Sea Chat</h1>

    <style>
        #messages
        {
            height: 500px;  
        }
        #chatWrap
        {
            float: left;
            border: 1px solid;  
        }
        #contentWrap
        {
            display: none;  
        }
    </style>
  </head>
  <body>
    <div id="userWrap">
        <form id="enterUser">
            Enter Username:
            <input id="username"></input>
            <input type="submit"></input>
        </form>
    </div>

    <div id="contentWrap">
        <div id="chatWrap">
            <div id="messages"></div>
            <form id="sendMsg">
                <input id="message" class="textBox" name="message" placeholder="Enter Message" cols="90" rows="10"></input>

                <br/>

                <button id="sendButton">Send</button>
            </form>
        </div>
        <div id="usersOnline"></div>
    </div>
    <script src="/socket.io/socket.io.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
        function enterChat(data)
        {
            if(data)
            {
                $('#userWrap').hide();
                $('#contentWrap').show();
                alert("poop");  
            }
            else
            {
                alert("Username already taken!");   
            }
        }

        var socket = io();
        $('#enterUser').submit(function()
        {
            socket.emit('new user', $('#username').val(), function(data)
            {
                enterChat(data);
                /*if(data)
                {
                    $('#userWrap').hide();
                    $('#contentWrap').show();   
                }
                else
                {
                    alert("Username already taken!");   
                }*/
            });
            $('#username').val('');
        });

         $('#sendMsg').submit(function()
         {
            socket.emit('chat message', $('#message').val());
            $('#message').val('');
        });
        socket.on('chat message', function(msg)
        {
            $('#messages').append(msg + "<br/>");
        });
    </script>
  </body>
</html>

我所说的特定函数是enterChatdata。请注意，您使用的是html5 doctype，但不推荐使用align attr。