标签: slidedown

如何在表格行上使用slideDown(或show)函数?

我正在尝试向表中添加一行并将该行滑入视图,但是slidedown函数似乎是在表格行中添加了一个显示:块样式,这会混淆布局.

任何想法如何解决这个问题?

这是代码:

$.get('/some_url', 
  { 'val1': id },

  function (data) {
    var row = $('#detailed_edit_row');
    row.hide();
    row.html(data);
    row.slideDown(1000);
  }
);
Run Code Online (Sandbox Code Playgroud)

jquery animation html-table slidedown

212
推荐指数
4
解决办法
20万
查看次数

带动画的Slidedown和slideup布局

当我按下按钮时,如何使用slideUp在中心显示布局,再按一次以隐藏...在ANDROID中的slideDown

帮助我,thnkss

animation android slidedown slideup

41
推荐指数
3
解决办法
10万
查看次数

向下滑动ExpandableListView上的效果

展开/折叠ExpandableListView的项目时,是否可以有一个很好的上下滑动效果?

如果有,怎么样?

提前致谢.

expand android slidedown slideup expandablelistview

31
推荐指数
2
解决办法
3万
查看次数

追加和滑动jQuery

我有这个附加方法,我添加了更多的输入框,直到有10个输入框将禁用更多.

i = 0;
$('#add-link').click(function() 
{   
    if(i < 9)
    {
        $('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>');
        i++;
    }
    if(i == 9)
    {
        $('#add-link').html('');    
    }
});
Run Code Online (Sandbox Code Playgroud)

虽然,这很好.但是,我想在追加时实现slideDown,我试过这样做:

$('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>').slideDown("fast");
Run Code Online (Sandbox Code Playgroud)

这根本不起作用.

jquery append slidedown jquery-effects

26
推荐指数
2
解决办法
4万
查看次数

如果鼠标停留超过2秒然后显示其他没有?

这是我在悬停时应用于div的jQuery滑动功能,以便向下滑动按钮.

它工作正常,但现在每当有人进出它时,它就会不停地上下跳动.

我想如果我把一个或两个延迟计时器放在它上面会更有意义.

只有当用户在div上停留超过一两秒时,我才能修改运行向下滑动的功能?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js "></script>
<script type="text/javascript">

$("#NewsStrip").hover(
function () {
    $("#SeeAllEvents").slideDown('slow');    },
function () {
    $("#SeeAllEvents").slideUp('slow');
});

</script>
Run Code Online (Sandbox Code Playgroud)

html jquery timer slidedown css3

26
推荐指数
1
解决办法
3万
查看次数

取消所有排队的jQuery slideUp和slideDown动画

我有一个界面,大量使用jQuery slideUp和slideDown效果以三种方式扩展项目.

onmouseover: function() { 
this.find('.details', this).slideDown(); 
},
onmouseout: function() { 
this.find('.details', this).slideUp(); 
}
Run Code Online (Sandbox Code Playgroud)

但是,当用户快速将鼠标移动到这些界面元素上时,动画无法跟上,并且在鼠标离开界面区域后项目将长时间上下滑动.

当鼠标离开项目的容器div时,有没有办法取消所有排队的幻灯片动画?

javascript jquery animation slidedown slideup

18
推荐指数
4
解决办法
2万
查看次数

JQUERY使用动画将LI预先添加到UL

我有一个UL,我正在努力通过一些动画动态地将新的LI添加到UL的顶部.

到目前为止我有以下工作正常:

$("#container").prepend('<li id="newhere"><input type="checkbox" /><span class="listTitle">Im new here</span><ul></ul></li>').hide().slideDown("slow");
Run Code Online (Sandbox Code Playgroud)

#container 是UL

上面的问题是隐藏整个UL,然后将整个UL向下滑动,我只想要预先设置动画的新LI.

想法?thxs

jquery slidedown hide prepend

17
推荐指数
1
解决办法
1万
查看次数

jQuery slideDown Snap Back Issue

我有同样的问题,我正在阅读有关整个网络,虽然我找不到解决方案.

简单地说,当在我的DIV元素上使用slideDown()方法时,我得到了丑陋的快照效果,其中jQuery将DIV大小向下滑动太远,然后以丑陋的方式快速回到实际大小.

查看网页,我试图从有问题的元素中删除所有边距和填充,但它什么也没做.

我不能为div设置静态大小,因为每个都会在页面加载时改变.一个装虽然他们不会改变.(新的div也使用ajax创建)

下面是样本DIV

<div class="response hidden new">  
<div class="right"><span class="responseTime">10:28:10 AM</span></div>  
<span class="responseUser">Someone</span><br> 
<span class="responseMessage">sdgs sdgh</span>
</div>
Run Code Online (Sandbox Code Playgroud)

和CSS

div.response {
line-height: 20px;
border-bottom: 1px dotted #546268;
}

.responseMessage {display: block}
Run Code Online (Sandbox Code Playgroud)

有人能帮我一下吗?我没有想法..我尝试使用jQuery首先弄清楚DIV的高度然后在调用slideDown()之前使用CSS()强制高度但jQuery几乎总是错误的高度...

使用display:none属性也隐藏了响应div.

然后在其上调用此函数

function quickResponse(time, user, message, epoch) {
    $('.latestStar').remove();
    addResponse(time, user, message, epoch);
        $('.new').slideDown(500).removeClass('hidden');
    $('html, body').animate({ scrollTop: '0px'}, 1000, function() {
    });     
}
Run Code Online (Sandbox Code Playgroud)

编辑 我忘了提,如果div只包含1个单词,则回弹效果不会发生..但如果我用空格键入多个单词,则会发生..

它几乎像添加空间会导致高度搞砸.

jquery slidedown

16
推荐指数
2
解决办法
1万
查看次数

使用jQuery的slideDown和display:inline-block

如何使用jQuery的slideDown使用display: inline-block,而不是默认的display: block;

我正在使用的div中的一些内容要求它是这样的,并且除非我修复它,否则设计会部分破坏.但是,在滑落完成后修复它将是一个小故障.

有任何想法吗?

javascript jquery slidedown

16
推荐指数
1
解决办法
2万
查看次数

在悬停时使用幻灯片和滑动的JQuery下拉菜单是跳跃式的

我已经使用jQuery slideup和slidedown为函数创建了一个非常简单的下拉菜单 - 但是如果鼠标快速移动到它上面,或者如果鼠标保持在上面,它会非常跳跃(我正在使用Firefox 3.6.8)其中一个子菜单项.

我在以下链接中做了一个工作示例:

http://jsfiddle.net/jUraw/19/

如果没有.stop(true,true)函数,情况会更糟.我也试过添加hover-intent,但因为我在同一个div中有一个悬停触发的幻灯片,它与幻灯片的功能相冲突.

有什么我想念的吗?我听说过clearqueue可能有效,或者可能超时,但无法弄清楚在哪里添加它们.

谢谢大家.

jquery menu slidedown slideup drop-down-menu

14
推荐指数
1
解决办法
3万
查看次数