在一个盒子里只放一个移动器
我想限制箱子里只有一个搬运工。然而，下面的代码显示，在一个框中，它可以放多个移动器，这是我不希望发生的。我可以知道如何在一个盒子里只做一个移动器吗？非常感谢！：）
<body>
<div id="cardContainer" draggable="true"></div>
<style>
.box {width:200px;height:20px;padding:10px;border:1px solid #aaaaaa;display: inline-block;}
.mover{color:red; background-color: yellow; width:auto ; font-size: 30px ; border: 2px}
#id1 {color:red; background-color: yellow; width:350px ; font-size: 20px ; border: 2px}
</style>
<div id>Is this draggable and droppable?</div>
</body>
<head>
<?php
$conn = mysql_connect("localhost", "root", "password");
if (!mysql_select_db("login")) {
echo "Unable to select go database " . mysql_error();
exit;
}
$sql = "SELECT table
FROM se
WHERE id = 1";
$result = mysql_query($sql);
while ($row = mysql_fetch_assoc($result)) {
$output = $row["full"];
}
mysql_free_result($result);
?>
<script>
var js_var = "<?php echo $output ?>";
var div_id = ['id1','id2','id3','id4','id5','id6','id7','id8','id9','id10'];
var box_id = ['box1','box2','box3','box4','box5','box6','box7','box8','box9','box10'];
var original=js_var.split("#");
var balls90= js_var.split("#");
function getNumbers() {
var player1 = new Array();
balls90.sort(function() {
return Math.random() - .25;
});
for (var i = 0; i < balls90.length; i++) {
document.writeln('<div id="+box_id[i]+" class="box" droppable="true" ondrop="drop(event)"
ondragover="allowDrop(event)"></div>');
}
for (var i = 0; i < balls90.length; i++) {
player1.push(balls90[i]);
}
}
getNumbers();
function dragWord(dragEvent){
dragEvent.dataTransfer.setData("text/html",
dragEvent.target.textContent+"|"+dragEvent.target.parentNode.id);
}
function dropWord(dropEvent){
var dropData = dropEvent.dataTransfer.getData("text/html");
var dropItems = dropData.split("|");
var prevElem = document.getElementById(dropItems[1]);
prevElem.getElementsByTagName("div")[0].textContent = dropEvent.target.textContent;
dropEvent.target.textContent = dropItems[0];
dropEvent.preventDefault();
}
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("Text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("Text");
ev.target.appendChild(document.getElementById(data));
//var data_content=document.getElementById(data).innerText;
//alert('The selected text is: ' + data_content + '.');
}
</script>
</head>
共有1个答案
使用if循环而不是for循环
if(var i = 0) {
document.writeln('<div id="+box_id[i]+" class="box" droppable="true" ondrop="drop(event)"
ondragover="allowDrop(event)"></div>');
}
if(i==o){
player1.push(balls90[i]);
}
-
问题内容： 我有一个带标签的导航栏，我希望在打开的标签上有一个阴影，以使其与其他标签区分开。我还希望整个选项卡部分上有一个阴影（请参阅底部的水平线），以阴影除打开的所有选项卡的底部。 我将使用CSS3的属性来执行此操作，但是我无法找出仅对所需部分进行着色的方法。 通常，我会用内容区域（较高）遮盖打开的选项卡的底部阴影，但是在这种情况下，内容区域本身会带有阴影，以便最终覆盖该选项卡。 标签布局 阴影
-
我有一个包含以下元素的ArrayList： 我要将移到之后，以以下顺序: 我使用此代码： 上述代码的结果如下: 移动一个又一个元素的最佳方法是什么？
-
本文向大家介绍你来回答一下这个问题，一共有九块蛋糕，但要装在四个盒子里，而且每个盒子里至少要装三块蛋糕？相关面试题，主要包含被问及你来回答一下这个问题，一共有九块蛋糕，但要装在四个盒子里，而且每个盒子里至少要装三块蛋糕？时的应答技巧和注意事项，需要的朋友参考一下 先把9块蛋糕分别装在3个小盒子里,每个小盒子3块,然后把这3个小盒子装在一个大盒子里就可以
-
很抱歉最近问了这么多问题。我刚刚开始进入pyplay。关于我之前的问题，我认为我没有把它用在我想做的事情上。 这是我做的一张快速图片来演示 这是我想让玩家移动的单一背景图像或地图。红色的X只是角色的开始。我试着让它当我移动玩家时，背景也会跟随，就像玩家在地图上移动一样。我已经限制了玩家不能离开实际屏幕的边界。只是有一点麻烦，现在试图让它这样的单一图像将沿着玩家移动，如果玩家到达地图图片移动停止。我
-
嗨，我试着把一个视频为中等或更低的设备和一个不同的视频为笔记本电脑和台式机，我不知道如何做 这就是我想做的，如果有人能帮助我，我将非常感激！谢谢大家
-
在div中有一个和可点击的图像，称为（不幸的是，我不知道在哪里添加相关的图像。抱歉）我想像我做的那样将它们分开。我想知道有没有更简单、更好的解决方案来缩短CSS代码。谢谢。 null null