2016-12-27 6 views
-3

再生ボタンをクリックすると、「ユーザーが「foo」をクリックしたときにアラートが表示されているはずですが、それは起こっていません。つまり、jqueryクリックハンドラが呼び出されていない!JQueryのクリックコードが実行されない

<html> 
     <head> 
      <script type = "text/javascript" src ="new.js"></script> 
      <script src = "/socket.io/socket.io.js"></script> 
      <script src="jquery-3.1.1.min.js"></script> 
     </head> 
     <body> 
      <button type="button" id = "play" name = "play" value = "play">PLAY</button> 
      <button onclick = "pauseAd()" type ="button" name = "pause" value = "pause">PAUSE</button> 
      </br> 
      <audio controls id = "song"> 
       <source src = "Lyrics to Swallowed in the Sea - Coldplay.mp3" type="audio/mpeg" > 
      </audio> 

      <script> 
       var socket = io.connect("http://localhost:3000"); 

       $(function() { 
        $('#play').bind('click',function(){ 
         alert("User clicked on 'foo.'"); 
         socket.emit('msg', {sent : 1}); 
         return false; 
        }); 
       }); 


       socket.on('msg-received', function(data) { 
        if(data.value = 1) { 
         $('#play').click(); 
        } 
       }); 
      </script> 
     </body> 
    </html> 

答えて

0

あなたが尋ねているものを削除すると、コードは正常に動作します。おそらく、それはエラーの原因となるコード内の他のものです。

ブラウザのWebインスペクタまたはデバッガでエラーが発生しましたか?

ここには、作業コードのcodepen(削除されています)があります。

+0

GETで404エラーjquery-3.1.1.min.js しかし、私は上記のhtmlファイルと同じディレクトリにjsファイルを持っています。 – Arpit

+0

jQueryで404エラーが発生した場合は、ロードされていないことを意味します。 – stldoug

関連する問題