Javascript 函数未在 jquery onready 之外定义

Question

下面是我的js文件和两个div，我不明白为什么html2不起作用，我得到“sendMessage未定义”。有人可以向我解释一下...或者只是一个解释链接。

谢谢

    $(function() {

        var WS = window['MozWebSocket'] ? MozWebSocket : WebSocket

        var wsUrl = jsRoutes.controllers.P2.connect().absoluteURL();
        wsUrl = wsUrl.replace("http", "ws");

        var p2Socket = new WS(wsUrl)

        var sendMessage = function() {
            p2Socket.send(JSON.stringify(
                {text: "HI"}
            ))

        }   

            $("#buttonHi" ).click(function() {
             sendMessage()
             });
    });

function sendMessageOutside(){
         sendMessage();
}

和 Html 1 ...

<div id="p2-console" style="border: 1px solid;">
    <button id="buttonHi" >Interact</button>
</div>

还有 Html 2 ...

<div id="p2-console" style="border: 1px solid;">
    <button id="buttonHi" onclick="sendMessageOutside()">Interact</button>
</div>

Answer 1

您正在 jquery 函数中本地定义 sendmessage，sendMessageOutside() 函数无法在该范围之外看到它。您需要将 sendmessage 定义为全局变量，然后尝试一下。

    var sendmessage;
     $(function() {

        var WS = window['MozWebSocket'] ? MozWebSocket : WebSocket

        var wsUrl = jsRoutes.controllers.P2.connect().absoluteURL();
        wsUrl = wsUrl.replace("http", "ws");

        var p2Socket = new WS(wsUrl)

            sendMessage = function() {
            p2Socket.send(JSON.stringify(
                {text: "HI"}
            ))

        }   

            $("#buttonHi" ).click(function() {
             sendMessage()
             });
    });

function sendMessageOutside(){
         sendMessage();
}