试图让字母拖动来表达一个字 [英] Trying to make letters draggable to make a word
本文介绍了试图让字母拖动来表达一个字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图让字母可以拖动来表达一个字。但由于某些原因,它将无法正常工作。
I am trying to make letters be draggable to make a word. But for some reason it will just not work.
我的HTML:
<html>
<head>
<title>Word Maker</title>
<script type='text/javascript' src='script.js'></script>
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="type/javascript"></script>
<script src="js/ui/jquery.ui.draggable.js" type="type/javascript"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="letters" class="makeDraggable">
<div id="letter1" class="makeDraggable">
<p>w</p>
</div>
<div id="letter2" class="makeDraggable">
<p>p</p>
</div>
<div id="letter3" class="makeDraggable">
<p>i</p>
</div>
<div id="letter4" class="makeDraggable">
<p>r</p>
</div>
<div id="letter5" class="makeDraggable">
<p>o</p>
</div>
<div id="letter6" class="makeDraggable">
<p>m</p>
</div>
<div id="letter7" class="makeDraggable">
<p>l</p>
</div>
<div id="letter8" class="makeDraggable">
<p>l</p>
</div>
<div id="letter9" class="makeDraggable">
<p>w</p>
</div>
<div id="letter10" class="makeDraggable">
<p>y</p>
</div>
<div id="letter11" class="makeDraggable">
<p>u</p>
</div>
<div id="letter12" class="makeDraggable">
<p>o</p>
</div>
<div id="letter13" class="makeDraggable">
<p>g</p>
</div>
<div id="letter14" class="makeDraggable">
<p>t</p>
</div>
<div id="letter15" class="makeDraggable">
<p>o</p>
</div>
<div id="letter16" class="makeDraggable">
<p>o</p>
</div>
<div id="letter17" class="makeDraggable">
<p>i</p>
</div>
<div id="letter18" class="makeDraggable">
<p>t</p>
</div>
<div id="letter19" class="makeDraggable">
<p>h</p>
</div>
<div id="letter20" class="makeDraggable">
<p>e</p>
</div>
<div id="letter21" class="makeDraggable">
<p>m</p>
</div>
</div>
</body>
</html>
JS code:
JS code:
$(function() {
$("letters").draggable();
});
推荐答案
您应该尝试应用。通过class
。 makeDraggable
将所有元素拖放到()
查看这个例子。只需更改jquery选择器就可以让单个字母可以拖动。
You should try applying .draggable()
to all your elements with class makeDraggable
.
Take a look at this example. Simply changing your jquery selector will allow you to make the single letters draggable.
这篇关于试图让字母拖动来表达一个字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文