Naviguer sur le clic de souris et changer la couleur de la souris de div en utilisant 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> 

J'ai ci-dessus div défini, maintenant ce que je veux est lorsque l'utilisateur clique sur l'un des div, il/elle va naviguer vers une nouvelle page qui est dynamic (basé sur userid), et changez la couleur div aussi avec la souris en utilisant jquery. Comment puis-je le faire, s'il vous plaît suggérer Merci Romi

Answer 1

Fondamentalement, vous avez le nom de la classe à div comme - DataName donc vous avez juste à deux événement qui lui -

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

et événement click -

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

pendant que vous devez vous garder URL pour rediriger dans cette div avec l'attribut data-url comme -

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