首页 / JAVASCRIPT / javascript-您可以在Rails RJS中将replace_html与visual_effect结合使用吗？

javascript-您可以在Rails RJS中将replace_html与visual_effect结合使用吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-您可以在Rails RJS中将replace_html与visual_effect结合使用吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1018字，纯文字阅读大概需要2分钟。

内容图文

我正在使用Ruby on Rails开发网站,并且我有一个包含一些内容的div.单击链接后,我希望该内容被其他内容替换.与replace_html和rjs一起使用时效果很好.

但是,我希望新旧内容之间要有轻微的淡入/出现(淡入淡出？)过渡.另外,div会被调整一些大小,因此如果这样做会产生长大/缩小的效果,它会更凉爽.我当时以为Scriptaculous必须内置这样的东西,但是我敢肯定找不到它们.

顺便说一句,如果您有一个Basecamp帐户,这是一个很好的例子：登录并单击“所有人”,然后单击“添加新公司”以查看实际效果.

有人知道怎么做吗？谢谢！
布赖恩

解决方法:

要淡入淡出,您需要绝对放置新内容,并且具有与旧内容相同的x / y坐标.这是一个经过测试的示例：

page.insert_html :after, 'old-content', content_tag('p', '[new content]', :id => 'new-content', :style => 'display:none')
page << <<-JS
  var oldOffset = $('old-content').cumulativeOffset();
  $('new-content').setStyle({
    position: 'absolute',
    left:     oldOffset.left + 'px',
    top:      oldOffset.top + 'px'
  });
JS
page['old-content'].fade :duration => 3
page['new-content'].appear :duration => 3

注意中间的一个大块-在Prototype中,某些事情比在RJS中容易.

内容总结

以上是互联网集市为您收集整理的javascript-您可以在Rails RJS中将replace_html与visual_effect结合使用吗？全部内容，希望文章能够帮你解决javascript-您可以在Rails RJS中将replace_html与visual_effect结合使用吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/669680.html

来源：【匿名】