2014-09-02 54 views
0

我有一個由data-pid例如定義的實例數組。 data-pid="0", data-pid="1", etc...如何使用jquery更改數據pid的CSS元素

我試圖讓每個實例被點擊時容器的背景圖像發生變化。

這裏是我的工作的代碼,但是這似乎並不奏效:

$("div[data-pid='0']").one("click", function() { 
    $("#primary .bcg").css("background", "url(folder/path)"); 
}); 

如果我改變了代碼,頁面上的特定元素,比如#primary,而不是股利[data-pid='0']它工作正常。

任何人都知道如何克服這一點?

在此先感謝!

+4

變化'.one'到'.on'和你的代碼工作:http://jsfiddle.net/1ro7hhef/ – 2014-09-03 01:04:38

+0

感謝@JonP這看起來像它會工作 – 2014-09-03 03:54:32

+0

@ EricBrockman [這是一個簡單的錯字](http://jsfiddle.net/33embjhj/1/)請在這裏尋求建議之前,檢查你的語法。投票結束。 (僅供參考,您的問題中的錯字是添加到「on」的「e」,並且您的提琴中的錯字缺少引號「在選擇器中 - 語法突出顯示在JSFiddle中清楚地顯示了這一點。) – 2014-09-03 03:55:47

回答

0

您正在使用一個事件處理程序,以便您的點擊事件僅在第一次被觸發。

試試這個:

$("div[data-pid='0']").on("click", function() { 
    $("#primary .bcg").css("background", "url(folder/path)"); 
}); 
相關問題