0
我想用jquery ui来缩放一个div,我拖动它可以更容易地看到它背后的内容,但其中的任何文本都是奇怪的缩放比例。文本本身变小了,但它似乎有一堆填充它并现在浮动。该文本延伸到div的底部,即使它应该被div正确包含。我在文本行周围放置了一个红色边框,边框的大小与原始文本的大小相同。我真的不知道该怎么做才能得到这个工作...jquery ui不能正确缩放文本!
HTML:
<div class="item draggable" id="item-1'">
<div class="image-block">
<a class="delete-button" title="delete me!" href="/remove/1" onclick="return $(this).confirm(\'Really remove this image?\');">X</a>
<a class="image" href="/edit/1"><img src="/someimage.jpg" /></a>
<div class="clear-block"></div>
</div>
<h3>Some title</h3>
</div>
CSS:
div.image-list div.item {
float:left;
background:#fff;
width:150px;
padding:5px;
margin:4px;
border:1px solid #d3d5d6;
}
div.image-list div.item h3 {
margin:0;
padding:0;
border:solid 1px #F00;
}
div.image-list div.item div.image-block a.delete-button {
float:right;
position:relative;
background:#fff;
display:none;
top:0.8em;
margin-bottom:-20.0em;
width:3em;
height:1.8em;
padding:0.2em 1em;
}
div.image-list div.item div.image-block a.image {
float:left;
display:block;
}
.clear-block {
clear:both;
}
的jQuery:
$(".draggable").draggable({
helper: 'clone',
start: function(ev, ui) {
$(ui.helper).effect("scale", { percent: 50 }, 200);
}
});
可能需要发布多一点的html jQuery代码来获得帮助 – PetersenDidIt 2009-09-02 00:11:06
我添加了其他任何我可以的,但没有其他东西是真正相关的。 – 2009-09-02 18:34:12