3

我正在为一个小型在线考试应用程序使用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

任何帮助和建议表示赞赏。

4

1 回答 1

3

试试这个:

myUrl = $("#count-down").data("url");
于 2012-12-12T11:05:31.777 回答