在鼠標懸停上設置變量

所有人。長時間潛伏者，第一次海報=）在鼠標懸停上設置變量

首先感謝任何人閱讀我的問題，並考慮幫助我。我會詳細說明它是什麼，因爲我不能只是要求某人修復我的代碼。

我有一個網頁，可以在整個頁面的大拇指樣式視圖中顯示我們的打開項目。每個項目都在它自己的容器div中。每個容器都包含項目第一頁的快照圖像縮略圖，並且該圖像設置爲向左浮動，從而在右側的div中留下空白區域。右側的這個空間有5個圖標沿着圖像的側面。每個圖標代表項目負責人，成員，部門和狀態。

那就是佈局。這是一個ASP.NET MVC Razor cshtml網站，因此每個項目都有一個保存每個項目信息的模型（project.Id，project.Leader，project.Crew等）。我的目標是能夠將鼠標懸停在每個圖標上，並顯示該圖標的信息。

我遇到的麻煩是當我將鼠標懸停在圖標上並且它調用@ project.Leader時，它不知道我要求它的領導者的WHICH項目。所以我想最好的辦法是讓它將div的id設置爲一個變量，當我將鼠標懸停在該項目的「容器div」上時，這樣當我將鼠標懸停在該圖標上時，我可以使用該變量來告訴它哪個項目我打電話給project.Leader for。

我希望這是有道理的=）任何想法會有很大的幫助，但請理解我不是一個本地編碼器，所以我可以很容易混淆。

謝謝大家閱讀！ =）

來源

2012-04-26 Rayth74

使用jQuery你可以得到元素的父被點擊：

$(".project-icon").hover(function() { 
    var target = $(this); 
    var container = target.parent(); 

    // You can use a class on the image to get it from the parent container: 
    var image = container.find(".project-image"); 

    // Or you can get the container's id: 
    var id = container.attr("id"); 
});

你可以用，當然普通的JavaScript做到這一點，但是，你留下了製作任務確保您的代碼工作無處不在。像jQuery這樣的工具包會爲你處理這些細節。每一個做你想做的事情的人都會推薦他們。

來源

2012-04-26 07:16:08

謝謝，邁克爾！如果這是最好的，我一定會使用jQuery。我沒有完全理解代碼，甚至認爲你看起來很具描述性。 .project-icon和.project-image來自哪裏？我理解代碼大部分tho =）我會看到如果我可以谷歌如何得到這些名稱=） – Rayth74 2012-04-26 07:50:07

嗯，感謝信息，Michale ...但不幸的是我不明白你的代碼。 .project-icon＆.project-image的添加完全拋棄了我。我搞不清楚了。 – Rayth74 2012-04-26 17:38:54

在鼠標懸停上設置變量

回答

相關問題