描述:我从Github上拿了一个纺车代码，然后编辑它，创建了2个纺车。 事情是，当轮子停止并选择一个数字（或字母）时，它显示为警报//警报（值）； //。我想知道如何打印车轮下的数字，而不是显示为警报。 我尝试了document.body.TextContent+=value； //但它将结果显示在另一个空白页上。 代码如下:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="src/rouletteWheel.js"></script>
<script type="text/javascript">
$(function(thisis){
var itemsToShow = 100;
var wheel = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100]
var items = {};
for(var i=0; i < itemsToShow; i++){
items[i] = wheel[i]
}
$('#canvas').rouletteWheel({
items : items,
selected : function(key, value){
alert(value);
},
spinText : 'Ticket Number',
});
});
</script>
<title></title>
</head>
<body style="background-color:black;" ></body>
<canvas id="canvas" width="740" height="740"></canvas>
</body>
</html>
您需要指定或创建一个HTML元素来保存所述车轮的值。 类似于。。。
<div>
<h3> Results are: </h3>
<h3 id="result"></h3>
</div>
而不是使用alert函数。
$("#result").text(value)
总之，你应该在你的问题描述中更加具体，并且让你的脚本可以从一个片段中运行，这将帮助人们为你找到答案。
要打印轮子下的数字，您必须在web页面的主体标记内创建一个html元素，例如
<p id="show_alert_value_p"></p>
在Js代码中添加这一行而不是alert
$('#canvas').rouletteWheel({
items : items,
selected : function(key, value){
//alert(value);
//comment alert and add below line
$('#show_alert_value_p').html(value);
},
spinText : 'Ticket Number',
});
