jQuery:向上滑动一个元素并替换它
jQuery: Sliding up an element and replacing it
我正在尝试使用jQuery来制作它,这样当我点击一个元素时,它会向上滑动,并创建一个新的元素,该元素会向下滑动到它的位置。
我的代码在这里:http://jsfiddle.net/V4SVt/474/
$('.grab_button').click(function () {
$(this).slideUp(function () {
$(this).parent().append($('<span class=" grabbed">grabbed</span>').hide());
$(this).parent().children('.grabbed').slideDown();
$(this).remove();
});
});
当我点击元素时,它会完美地滑出,并且创建了新的元素,但它不会向下滑动。它只是出现了。如果我隐藏该元素,然后通过WebKit控制台将其向下滑动,它将正确地设置动画。这里怎么了?
滑动内联元素存在问题,尤其是如果它们是动态插入的,并且没有位置、大小或其他任何东西。
试试这个:
$('.grab_button').click(function () {
var assGrab = $('<span />', {'class':'grabbed', text:'grabbed', style:'display:inline-block;'});
$(this).slideUp(function () {
$(this).replaceWith(assGrab.hide());
assGrab.slideDown()
});
});
FIDDLE
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 表追加而不附加最后一个元素
- 滚动到容器中的下一个元素-几乎到了
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- 按我自己的类克隆另一个元素的内容和顺序
- Javascript获取上一个元素的内容
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 在数组中的一个元素上设置多个值
- 无法选择除一个元素外的所有元素
- 使用jquery contains获取一个元素并添加类
- $(.class).empty总是缺少一个元素
- jQuery-将列表项的一个元素移动到同一项的另一个元素中+对我的列表中的每个项执行此操作
- 如何在一个元素动画之后延迟
- jQuery转盘下一个元素没有滑入
- jquery从另一个元素中移除移除
- DIV怎么能像Javascript中的另一个元素一样工作呢
- 当知道同一hiearch中至少有一个元素时,遍历到元素.结构使用jquery
- 使用数据属性将HTML数据复制到另一个元素
- 如何选择给定类的上一个元素
- 动态修改一个元素,使其与给定的选择器匹配