ボタンをクリックしたときにスクリプトを呼び出す

画像に注釈を付けるのに役立つスクリプトがあります。私はちょうど私がボタンをクリックするときにこのスクリプトを実行したい。私はボタンのonclickイベントを使用しようとしましたが、それは動作していません。ここでコードボタンをクリックしたときにスクリプトを呼び出す

<head> 
    <script src="javascripts/jquery.js"></script> 
    <script src="javascripts/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="stylesheets/jquery-ui.css"> 

    ////////////// those are the scripts that i use in the function ////// 
    <link rel="stylesheet" href="highlight.js/zenburn.css"> 
    <link rel="stylesheet" href="stylesheets/css/theme-dark/annotorious-dark.css" /> 
    <script src="highlight.js/highlight.pack.js"></script> 
    <script src="javascripts/annotorious.min.js"></script> 
    ///////////// 
    <script> 
    $("#annotation").click(function() { 
     hljs.initHighlightingOnLoad(); 
     //function of annotation 
    }); 
    </script> 
</head> 
<body> 
<button type="submit" id="annotation" > 
    <img src="stylo.png" style="width: 30px ; height:50px" alt="Submit"> 
</button> 
</body>

しかし、これは動作していないで、私はページをロードするとき、私はまだスクリプトが実行されています。ボタン "注釈"がクリックされたときに呼び出すだけです。ここで

出典

2016-05-23 yassine

_ "しかし、これは動作しませんか" _？それは何ですか？ 'console'にエラーがありますか？ – Rayon

コンソールにエラーがありますか？ – AxelH

いいえエラーはありません。私が言ったように、私はちょうどボタンがクリックされたときにだけスクリプトを実行したい。しかし、私が作った試行では、ボタンをクリックせずにページをロードした直後にスクリプトが実行されるため、動作していません。 – yassine

私は）（あなたのhljs.initHighlightingOnLoadについて知らない

<script> 
    $(document).ready(function(){ 
     $("#annotation").click(function() 
      { 
      alert("Hello!"); 
      // hljs.initHighlightingOnLoad(); //function of annotation 
      }); 
    }); 
    </script> 

    <button type="submit" id="annotation" > <img src="stylo.png" style="width: 30px ; height:50px" alt="Submit"></button>

を行きます。ボタンをクリックして関数を実行する限り、そのコードを$（document）.ready（）関数に記述する必要があります。それは私がすでに警告（）でテストしているのでうまく動作します。

--------------------------- が更新 ------------- -------------------

私はjqueryののCDNを使用して、それをテストしているとhighlightjs

<head> 
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 

    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script> 

    <script> 
     $(document).ready(function(){ 
     $("#annotation").click(function() 
      { 
       hljs.initHighlightingOnLoad(); //function of annotation 
      }); 
     }); 
    </script> 
</head> 
<body> 

    <button type="submit" id="annotation" > 
     <img src="stylo.png" style="width: 30px ; height:50px" alt="Submit"> 
    </button> 
    </body>

出典

2016-05-23 09:45:22

私もアラートでそれをテストし、それは動作します。私が以前に言ったように、ボタンは警告でうまくいきますが、スクリプトを呼びたいときにはうまくいきません。 – yassine

Yassine私は実際にそのことを理解していませんhljs.initHighlightingOnLoad（）;あなたがその関数の定義を与えることができるかどうか、またはその関数を呼び出すライブラリを –

私はその関数を今すぐ検索したかどうかはもっと明らかです。ここに私が見つけたものがあります。 'hljs.initHighlighting.called = false; hljs.initHighlighting（）; ' –

ボタンをクリックしたときにスクリプトを呼び出す

答えて

関連する問題