在Refinery Rails应用程序中在多个页面上显示jQuery反向拉伸
我安装了一个jQuery插件Backstretch，正在使用我的Refinery Rails应用程序。
该插件将加载我在
application.js
//= require 'jquery-backstretch'
$.backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjcvMjJfNTZfMjRfOTkyX3NsYXRlX2JnLnBuZyJdXQ/slate-bg.png");我正在尝试从一个我发现的例子开始工作，这个例子说：“使用if/else语句来加载backstretch。即if($("body#about"))....else if($("body#contact")...";，但是我真的不知道如何正确地编写它。下面是我尝试过的：
application.js
//= require 'jquery-backstretch'
if ($"body#home"($.backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjcvMjJfNTZfMjRfOTkyX3NsYXRlX2JnLnBuZyJdXQ/slate-bg.png"));
else if ($"body#our-passion".backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjUvMDBfMTlfMjlfMzgyX2JnXzFfYmlnLnBuZyJdXQ/bg-1-big.png"));写这篇文章的正确方式是什么？或者有没有更好的方法来达到这个效果？
回答 2
Stack Overflow用户
发布于 2013-03-29 01:14:25
首先，为什么你需要在id之前的body？即body#home
因为#home和#our-passion都是it，所以看起来你不需要body。
至于你的问题:我认为这就是你想要的，尽管你实际上想要实现的目标有点模糊：
if ($("#home").length != 0) {
$.backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjcvMjJfNTZfMjRfOTkyX3NsYXRlX2JnLnBuZyJdXQ/slate-bg.png");
} else if ($("#our-passion").length != 0) {
$.backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjUvMDBfMTlfMjlfMzgyX2JnXzFfYmlnLnBuZyJdXQ/bg-1-big.png");
}我可能理解错了。也许你正试着给#home和#our-passion添加一个反向伸展？
希望这能有所帮助！
下面是我们的激情页面应该包含在中的内容：
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
<div id="our-passion"></div>
</body>
</html>还有其他方法可以做到这一点，但这是如何根据你的问题来做的。
Stack Overflow用户
发布于 2013-03-29 05:28:16
这是通过将
$(".show").backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjcvMjJfNTZfMjRfOTkyX3NsYXRlX2JnLnBuZyJdXQ/slate-bg.png");
$(".home").backstretch("/system/images/W1siZiIsIjIwMTMvMDMvMjUvMDBfMTlfMjlfMzgyX2JnXzFfYmlnLnBuZyJdXQ/bg-1-big.png");在application.js文件中-并包含主体的内容及其相应的div。
更新：
我最终在不同的视图中运行了这个脚本。
https://stackoverflow.com/questions/15687661
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号