导航鼠标点击改变颜色，在鼠标的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>