2011-06-06 100 views
0

我主頁上的部分:Click事件

<div id='calendar_links'> 
     <%= link_to day_of_week, root_path(:day => day), :class => 'active_calendar_link' %> 
    </div> 

我要作出這樣的 - 點擊這個鏈接後,該鏈接重定向到同一天參數主頁,我想點擊後這一天沒有:class =>'active_calendar_link'。

我在application.js文件中寫了這個jquery代碼,但它沒有工作,爲什麼? :

$(document).onDomReady(function(){ 
$('#calendar_links').click(function() 
    $(this).removeClass('active_calendar_link') 
}); }); }) 

如何更正?

+0

因爲在你的代碼,'this'指的股利,不錨標記 – apneadiving 2011-06-06 16:24:26

+0

你的意思[$(文件)。就緒()](http://api.jquery.com/準備/)..? – 2011-06-06 16:25:40

+0

嗯,你的邏輯有問題,或者我錯過了一些東西。如果你重定向到另一個頁面,你需要將JS應用到新頁面,而不是舊頁面... – Lucas 2011-06-06 16:25:59

回答

0

在您的代碼中,您正在檢查div上的click事件,而不是在定位標記上。

然後,this指的是錯誤的對象。

此外,似乎你真的重定向到另一個頁面,因爲我看不到任何preventDefault()操作。很明顯,它不能工作。

+0

我有索引頁和部分爲此頁和此link_to到此索引頁,但與新參數 - http:// localhost:3000 /?day =#day_number 我如何編寫正確的jquery代碼和正確我的部分? plz幫助我 – Pyrchev 2011-06-06 16:30:55

+0

jQuery是關於在同一頁面或Ajax內容中的交互。在這裏,你想鏈接到另一個只有ruby/rails代碼的參數頁面。 – apneadiving 2011-06-06 16:33:07

0
$(function(){ 
    $(".active_calendar_link").click(function(){ 
    $(this).removeClass("active_calendar_link"); 
    return true; 
    }) 
}) 
+0

它不起作用... – Pyrchev 2011-06-06 16:43:54

+0

什麼都不起作用? – bor1s 2011-06-06 17:01:31