2016-12-27 59 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

的代码工作正常,如果剥离下来到你的要求。这很可能是您的代码中导致错误的其他内容。

<!-- Bare-Bones HTML CODE --> 
<button type="button" id="play" name="play" value="play">PLAY</button> 

// JavaScript 
$(function() { 
    $('#play').bind('click', function() { 
    alert("User clicked on 'foo.'"); 
    return false; 
    }); 
}); 

您是否在浏览器的Web检查器或调试器中看到任何错误?

这是工作代码的一个codepen(剥离)。

+0

GET 404错误jquery-3.1.1.min.js 但我有这个js文件在我的上面的html文件相同的目录中。 – Arpit

+0

如果您在jQuery上遇到404错误,那么这意味着不会加载。 – stldoug