在 rails 每页底部添加通知
Add notification at the bottom of every page in rails
我有一个 rails 应用程序,我在其中使用 overhang.js 在主页底部显示通知
我想扩展在所有页面上显示此通知的功能。我假设这可以使用 aplication.html.erb 文件来完成,但我不明白怎么做?我的 application.html.erb 文件的正文标签如下:
<body>
<div>
<%= render 'layouts/header' %>
<div>
<%=yield%>
</div>
<%= render 'layouts/footer' %>
</div>
</body>
目前存在于首页的overhang.js脚本如下:
$("body").overhang({
type: "confirm",
primary: "#8dc153",
accent: "#FCE4EC",
yesColor: "#3498DB",
message: "Privacy policy",
overlay: true,
callback: function (value) {
var response = "Okay";
#code to handle response
}
});
我想在我的应用程序所有页面的底部添加此通知。我怎样才能做到这一点?另外,如果在这种情况下使用 overhang.js 不合适,请建议我正确的方法。
提前致谢!
只需在您的 layout/footer 部分
中添加一个 div
<div id="notification-element"></div>
并添加此 js 脚本代码。
alert($("notification-element").data("overhangConfirm"));
希望这会为你完成工作
事实证明解决方案非常简单。我只需要将悬垂脚本从主页放到 application.html.erb 文件中。
我有一个 rails 应用程序,我在其中使用 overhang.js 在主页底部显示通知 我想扩展在所有页面上显示此通知的功能。我假设这可以使用 aplication.html.erb 文件来完成,但我不明白怎么做?我的 application.html.erb 文件的正文标签如下:
<body>
<div>
<%= render 'layouts/header' %>
<div>
<%=yield%>
</div>
<%= render 'layouts/footer' %>
</div>
</body>
目前存在于首页的overhang.js脚本如下:
$("body").overhang({
type: "confirm",
primary: "#8dc153",
accent: "#FCE4EC",
yesColor: "#3498DB",
message: "Privacy policy",
overlay: true,
callback: function (value) {
var response = "Okay";
#code to handle response
}
});
我想在我的应用程序所有页面的底部添加此通知。我怎样才能做到这一点?另外,如果在这种情况下使用 overhang.js 不合适,请建议我正确的方法。
提前致谢!
只需在您的 layout/footer 部分
中添加一个 div<div id="notification-element"></div>
并添加此 js 脚本代码。
alert($("notification-element").data("overhangConfirm"));
希望这会为你完成工作
事实证明解决方案非常简单。我只需要将悬垂脚本从主页放到 application.html.erb 文件中。