gpt4 book ai didi

jquery - 如何定义由随机数选择的 jQuery selectables?

转载 作者:行者123 更新时间:2023-11-28 09:53:31 25 4
gpt4 key购买 nike

如何定义由随机数选择的 jQuery 可选项?到现在为止,如果我单击它们中的每一个,可选择项就会被选中。但我想让这些随机自动选择。

我的代码是这样的:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style type="text/css">
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 350px;}
#selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; line-height: 80px; cursor: pointer; cursor: hand; }
</style>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script type="text/javascript">
$(function() {
$( "#selectable" ).selectable({
stop: function() {
var result = $( "#select-result" ).empty();
$( ".ui-selected", this ).each(function() {
var index = $( "#selectable li" ).index( this );
result.append( " #" + ( index + 1 ) );
});
}
});
});
</script>
</head>
<body>

<ol id="selectable">
<?php
for($i=1;$i<=9;$i++) {
echo "<li id=\"field_$i\" class=\"ui-state-default\">$i</li>";
}
?>
</ol>
</body>
</html>

最佳答案

<script>

$(function() { // Start 'ready' listener

$( "#selectable" ).selectable({
//... your stuff
});

// Select a random <li> element
var rand = Math.floor(Math.random() * 9) + 1; // return 1 <= rand <= 9
$("#field_" + rand).click();

}); // End 'ready' listener

</script>

这是一个简单的例子来说明它是如何工作的:http://jsfiddle.net/Oliboy50/VLetY/

关于jquery - 如何定义由随机数选择的 jQuery selectables?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24991818/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com