2016-07-15 38 views
0

我不能做这项工作,我已经阅读了所有我能找到的主题。当然你可以帮助我。 我只是需要一个ID为“下一步”按钮登录控制台上的随机数点击时..她是按钮的HTML:jQuery on()方法

<button id= "next" type= "button" class= "btn btn-lg col-xs-1">Quote!</button> 

这里是JS:

$(document).ready(function(){ 

    $("#next").on("click", function(){ 

     var randomNum = Math.floor((Math.random()*8)+1); 

     console.log(randomNum); 

    }); 

}); 

(为了清晰起见,我剪了代码)。 谢谢!

+0

什么是不工作?如果您在浏览器上打开开发者控制台,您是否看到任何错误?该代码应该可以正常工作。 JavaScript如何被添加到页面? – epascarello

+0

动态创建按钮吗?如果是这样的话,请使用'$(document).on(“click”,“#next”,function(){...'来代替 –

回答

0

$(document).ready(function(){ 
 

 
$("#next").on("click", function(){ 
 

 
var randomNum = Math.floor((Math.random()*8)+1); 
 

 
console.log(randomNum); 
 

 
}); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id= "next" type= "button" class= "btn btn-lg col-xs-1">Quote!</button>

在这里你去。似乎工作正常。 确保在调用代码之前包含JQuery,否则将收到引用错误。 快乐编码!

http://codepen.io/IsabelInc/pen/vKppwO

+0

我假设OP已经引用了jQuery库, ,他们会抱怨'$是未定义的' – wmash

+0

当然,但这正是OP所使用的代码,只是把它做成一个片段,以便OP能够看到丢失的东西 –

+0

谢谢!我很愚蠢。没有把jQuery的参考..:/ – Chantun