0
我制作了一个小部件:在一个非常棒的单词上弹出一个小部件,弹出一个菜单。拖到您的选择,释放。菜单打开。css&jQuery:点击/拖拽改变尺寸的元素
窗口小部件功能正常,但点击/拖动会使窗口元素更改大小并移动,这不是所需的行为。 CSS非常简单,所以我不知道从哪里开始。
这里是小提琴。 http://jsfiddle.net/monsto/JfWQ3/1/
这里的CSS
body {margin:25px;}
li {cursor: pointer; display: inline-block; border:1px solid black; position:relative;height:20px;}
.del {display: none;background-color: red; width:50%; float:left;text-align:center;position:relative;}
.save {display: none;background-color: green;width:50%; float:right;text-align:center;position:relative;}
.word {display: inline-block;}
和一些HTML
<div id="taglist">
<br /><hr />
Quisque ut felis urna, eget rutrum odio. Proin sed augue at
<li>
<span class="word">enim consectetur</span>
<div class="del">+</div>
<div class="save">-</div>
</li>
Ut interdum erat at neque egestas sagittis sed non massa. Nullam nec nulla quis purus convallis venenatis. Vivamus a pulvinar mauris. Quisque suscipit augue a felis suscipit ornare.
<li>
<span class="word">euismod.</span>
<div class="del">+</div>
<div class="save">-</div>
</li>
Aliquam eget quam sit amet lacus commodo malesuada.
<li>
<span class="word">Etiam</span>
<div class="del">+</div>
<div class="save">-</div>
</li>
Ut interdum erat
<li>
<span class="word">eget</span>
<div class="del">+</div>
<div class="save">-</div>
</li>
leo in turpis congue porta vel non nisl. Mauris ipsum erat, pellentesque at ullamcorper at, egestas ac enim. Aliquam fringilla mollis porttitor. In tempor pretium gravida.
<hr /><br />
</div>
呃。 。 。每次都有我的位置。 gj和谢谢。 – monsto 2012-04-19 04:42:33