在模态上自动滚动引导模态('show')

2024-05-11

我有一个用于评论的引导模式。评论表格附加在评论列表的底部。 我希望此模式在打开时滚动到列表底部(如果有超过 2 或 3 条评论)。我已经安装了这个幻灯片插件
http://jesseprice.com/jquery-slide-to-plugin/ http://jesseprice.com/jquery-slide-to-plugin/

理想情况下,我希望能够使用该插件。我已经设置了一个小提琴,其中包含我当前的想法:http://jsfiddle.net/D2RLR/3275/ http://jsfiddle.net/D2RLR/3275/

这是我当前的 jQuery

    $('.slideto').slideto({
    target : '.new-comment-entry',
    speed  : 'slow'
});

我已经让它在常规浏览器窗口中工作,但它不会附加到模式。

如果有人想挑战,就来吧;)


是的。因为如果该模态尚未显示,您无法告诉模态主体滚动...您需要使用某种回调函数。 Twitter Bootstrap 为您提供模态事件。检查此处的文档:http://twitter.github.com/bootstrap/javascript.html#modals http://twitter.github.com/bootstrap/javascript.html#modals under Events.

$('#myModal').on('shown', function () {
    // do something…
})

干得好:http://jsfiddle.net/bws9N/ http://jsfiddle.net/bws9N/

编辑:我真的认为没有必要在这里使用该幻灯片插件,因为无论如何你都可以让它工作。但主要思想在这里......

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在模态上自动滚动引导模态('show') 的相关文章