導航鼠標點擊改變顏色，在鼠標的div使用jQuery

Question

<c:forEach items="${pagedListHolder.pageList}" var="user"> 
        <div class="dataName" id="userlist" onclick="DoNav('${pageContext.request.contextPath}/secure/user/${user.id}');" > 
         <div class="dataName1">${user.name}</div> 
         <div class="dataName2">${user.email}</div> 
         <div class="dataName3">${user.id}</div> 
        </div> 
       </c:forEach> 

我有上面的div定義的，現在我想是時候對任何DIV的用戶點擊，他/她將導航到一個新的頁面是動態（基於用戶標識），並更改使用jquery鼠標上的div顏色。 我如何能做到這一點，請建議 感謝 羅米

Answer 1

基本上你的類名稱爲div的 - 數據名 所以，你只需要連接了兩個事件給它 -

$('.dataName').hover(function(){ 
    // Code to have change css of the div. which will give hover effect. 
}) 

和點擊事件 -

$('.dataName').click(function(event){ 
    event.preventDefault(); 
    window.location = this.attr('data-url') 
}) 

，而你必須保持你的網址與屬性數據，網址爲DIV重定向 -

<div class='dataName' data-url='createUrlHere'></div>