2012-12-12 51 views
3

我正在使用countTimer plugin作爲一個小的在線考試應用程序。這個想法是當計時器達到零時,我想將用戶重定向到給定的url(在問題控制器中稱爲time_expired的操作)。所以url的格式如下:/questions/:id/time_expired訪問Div atrribute Jquery和rails 3

在問題控制器的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) 
}); 

爲什麼varibale「myUrl」未定義?我可以用螢火蟲來檢查這個值,而且我的div裏確實有一個url。

這裏是螢火蟲輸出:

<div id="count-down" data-url="https://stackoverflow.com/questions/2/time_expired"></div> 

軌版本:3.2.8 紅寶石版本:1.9.3 的Jquery:自帶隨軌道

任何幫助和建議,感謝jQuery的軌道。

回答

3

試試這個:

myUrl = $("#count-down").data("url"); 
+2

我還使用元素,而不是 「格」 的ID如下:'$( 「#倒計時」)的數據( 「URL」)' –

+0

@DaniP。好點子! –

+0

太棒了!非常感謝。你節省了我的一天:_) – alfu