我正在为一个小型在线考试应用程序使用countTimer 插件。这个想法是当计时器达到零时,我想将用户重定向到给定的 url(到问题控制器中名为 time_expired 的操作)。所以 url 的形式是:/questions/:id/time_expired
。
在show.html.erb
问题控制器中,我有以下 div 元素:
<div id="count-down" data-url=<%= time_expired_path %> ></div>
我在这个 div 中显示计时器。
现在在我的application.js
文件中,我想获取我的 div 的 data-url 属性的值,并使用 expiryUrl 指向该 url。
$(document).ready(function(){
myUrl = $("div").attr("data-url");
alert(myUrl); // Prints undefine
$('#count-down').countdown({expiryUrl: myUrl, format: 'MS', until: +10)
});
为什么变量“myUrl”未定义?我可以用萤火虫检查值,我的 div 中确实有一个 url。
这是萤火虫的输出:
<div id="count-down" data-url="/questions/2/time_expired"></div>
rails 版本:3.2.8 Ruby 版本:1.9.3 Jquery:Rails 附带的 Jquery rails
任何帮助和建议表示赞赏。