kinetic.js가 제대로 호출되지 않습니까?

문자 그대로 http://jsfiddle.net/m1erickson/tLwSM/을 복제하려고하는데 성공하지 못했습니다.kinetic.js가 제대로 호출되지 않습니까?

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="bootstrap.min.css" /> 
     <link type="text/css" rel="stylesheet" href="test.css"/> 
     <title>title</title> 
     <script src="kinetic.js"></script> 

    </head> 
    <body> 

     <h4>Double-Click to create text.<br>Drag text.</h4> 
     <div id="container"></div> 
     <script> 
      var stage = new Kinetic.Stage({ 
       container: 'container', 
       width: 350, 
       height: 350 
      }); 
      var layer = new Kinetic.Layer(); 
      stage.add(layer); 

      $(stage.getContent()).on('dblclick', function (event) { 
       var pos = stage.getMousePosition(); 
       var mouseX = parseInt(pos.x); 
       var mouseY = parseInt(pos.y); 
       var text = new Kinetic.Text({ 
        x: mouseX, 
        y: mouseY, 
        text: "@:" + mouseX + "/" + mouseY, 
        fill: "blue", 
        draggable: true, 
       }); 
       layer.add(text); 
       layer.draw(); 
      }); 
     </script> 

    </body> 
</html>

kinetic.js 내가 가진 파일 http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.1.min.js에서 직접 복사 코드가 포함 : 여기 내 코드입니다.

파일을 실행할 때 시각적으로 올바른 것으로 보이지만 사실 아무 것도 수행하지 않습니다. console.log에 오류가 없습니다. 어쩌면 내가 로컬에서 돌아 다니고 있고 터미널이나 기타 등에서 뭔가를해야하기 때문일 수도 있습니다 ......?

출처

2014-02-06 user3266510

코드에 jQuery가 포함되어 있지 않습니다.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="kinetic.js"></script>

출처

2014-02-06 17:00:47 isherwood

무대에서 일어나는 이벤트를 듣기 위해 jQuery가 필요하지 않습니다. 당신은 다음과 같이 청취자를 작성할 수있는 kineticJS 당신이 무대에있어 객체에 대해 같은

layer.on('click', function() { 
    //function code 
});

stage.on('click', function() { 
    //function code 
});

또는

간다.

출처

2014-02-06 20:11:46

kinetic.js가 제대로 호출되지 않습니까?

답변

관련 문제