Javascript jquery onready 외부에서 함수가 정의되지 않았습니다.

Question

다음은 js 파일과 두 div입니다. 왜 html2 doesn'work인지 이해할 수 없지만 "sendMessage Is Not"가 표시됩니다. 누군가 나에게 그것을 설명 할 수 있습니다 ... 또는 단지 설명 할 수있는 링크.

감사

$(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이 ...

<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(); 
}