2010-12-21 197 views
1

問題很簡單,但在我的實現中出現了一些錯誤。如何讓一個元素響應另一個元素的點擊? - CSS/jQuery

你可以看到我的執行here

所以我想要發生的是,當你點擊方框#1中的一個名字時,虛線圓圈中的虛線和#1都變成黑色和實心。虛線不是邊框。當您點擊其他相應框中的任何其他數據時也會發生同樣的情況。

我面臨的主要問題是,當我在jQuery中使用.css函數手動更改顏色和邊框時,它的效果很好。但是,我想用toggle類修改它(因爲我無法使用toggle()來使用css函數) - 因此,當您單擊一次時,您會看到突出顯示的元素(帶有1px邊框 - 該功能已經存在),並且框(和虛線)的相應編號變成純黑色。

謝謝。

回答

1

它看起來像JavaScript很好。我能看到的東西搞亂了唯一的辦法就是這一行:

$('#bc1 dashed-circle').toggleClass('bc-dashed-to-solid-circle'); 

你要的是選擇更改爲。

破折號和數字不改變顏色的原因是因爲特異性。你用選擇器#blank-dashboard-breadcrumb span - 一個id和一個元素聲明它們的正常顏色(#bdbebf)。您用.bc-dotted-to-solid.bc-dashed-to-solid-circle - 簡單類聲明「選定」顏色(黑色)。即使短劃線和1有合適的班級,他們仍然有一個更具體的選擇,告訴他們保持灰色。

+0

我知道我的問題是這樣的。問題是......我該如何解決這個問題?我收錄了你的解決方案,並沒有做到我所需要的。關於如何實際獲得我想要的功能的進一步建議?我認爲你在正確的軌道上。 – marcamillion 2010-12-21 09:30:03

+0

那麼,我注意到的另一件事是,你將點擊監聽器應用到所有不同的trs,但他們都只改變了第一個數字上的類。這是你所指的問題嗎?當你說解決方案不能滿足你的需求時,你的意思是什麼? – sdleihssirhc 2010-12-21 17:21:30

+0

我的意思是,我正在尋找的功能是:當你點擊其中一個名字時,我想要虛線和相應的數字來改變CSS。例如,當您點擊「John Brown」時,我希望第一條虛線變黑並轉爲實線 - 我還希望「#1」變爲黑色,而邊框變爲固定。這就是現在沒有做的事情。我認爲這與你指出的特殊性有關。但我很困惑如何解決它。 – marcamillion 2010-12-21 19:53:57

相關問題