JavaScriptのボタンのクリックリスナーを修正する方法

-1

ボタンクリックが発生したときにAJAXを使用してバックエンドにjsオブジェクトを送信しようとしていますが、ボタンのクリックが機能していないようです。私はかなりJSに新しく、誰かが間違っていることに気づくことができるかどうか疑問に思っていました。JavaScriptのボタンのクリックリスナーを修正する方法

$(document).ready(function() { 
 
    annotations = [] 
 
    anno.addHandler('onAnnotationCreated', function(annotation) { 
 
    annotations.push(annotation) 
 
    }); 
 

 
    document.getElementById('done').addEventListener('click', function() { 
 
    alert("works"); 
 
    }); 
 
});

<html> 
 

 
<head> 
 
    <title>Poster 1</title> 
 
    <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/main.css') }}"> 
 
    <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='css/annotorious.css') }}"> 
 
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"> 
 
    </script> 
 
    <script type="text/javascript" src="{{ url_for('static', filename='js/annotorious.min.js') }}"></script> 
 
    <script type="text/javascript" src="{{ url_for('static', filename='js/main.js') }}"></script> 
 
</head> 
 

 
<body> 
 
    <div class="container"> 
 
    <img class="annotatable" height="600" width="400" id="canvas" src="{{ url_for('static', filename='images/1.jpg') }}"></img> 
 
    <a href="{{url_for('poster2')}}">Next Poster</a> 
 
    <button type="button" id="done" onclick="onDoneClick()">Done</button> 
 
    </div> 
 
</body> 
 
<script type="text/js" src="js/main.js"></script> 
 

 
</html>

出典

2017-07-16 Senginel

それはあなたの完全なコードだ場合は、「安野」を定義していないが、多分それは誤りです。（anno.addHandler('onAnnotationCreated' < - 何がannoですか？）

それともjQueryのが正しくロードされている場合は、コンソール上でチェックしても使用することができます。

$("#done").on("click", function() { 
    alert("clicked") 
});

出典

2017-07-16 21:12:44 xF4B

私はjqueryのは、コンソールに正しくロードされていることをチェックしました。私はcdn – Senginel

を使用してコードUは、フルコードurを使用して質問に投稿されますか？ – xF4B

また、Annotations配列を自分のコードで印刷できるので、annoが動作すると確信しています。私は使用しているAPIを含めるためにhtmlを編集しました – Senginel

はこれを試してみてください：

$(document).ready(function(){ 
    $('#done').click(function(){ 
     alert("works"); 
    }); 
});

出典

2017-07-16 21:18:09 Rashid

JavaScriptのボタンのクリックリスナーを修正する方法

答えて

関連する問題