懸停功能對每個條目都不起作用

因此，我正在處理頁面，並且在動態設置懸停功能時遇到了一些小問題。我想要做的是爲每個條目創建一個懸停功能。我嘗試了所有我能想到的，但似乎每個條目都分配了相同的懸停功能。所以，我來到了我現在使用jsfiddle工作的解決方案，而不是在我製作的網站上。懸停功能對每個條目都不起作用

有沒有更好的方法來創建一個動態的懸停功能，或者我該如何得到這個工作？任何幫助表示讚賞。

2013-07-12 fudge22it

這有什麼好做ExpressionEngine，它甚至不需要被使用jQuery做，可以用CSS做純粹。

問題是你輸出的每個循環的通道條目JS，而不是使用集中的JS文件在你的頭部或身體的底部HTML，類似的建議是將CSS移動到一個通用的CSS文件而不是內聯。

.MF { 
hide the rollover text 
} 
.MF:hover { 
hide the title and sub-title 
show the rollover text 
margin-left the arrow 
}

2013-07-13 13:50:45

這將修復懸停，謝謝你的建議。我看到的唯一問題是我也想創建一個點擊功能，所以當你點擊一個項目時，一個單獨的div在顯示的部分上動畫。我仍然需要將條目關聯起來，以與我試圖創建懸停功能的方式相似。 – fudge22it

同樣的問題 - 你得到的問題是你複製每個條目的JS - 你需要使用一個JS文件和目標$（「。MF」）。click（function（e）{...} ）; –

回答