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时，他/她将导航到一个动态的新页面（基于用户ID），并且在鼠标上也改变div颜色jQuery的。我该怎么办，请建议谢谢罗米

Answer 1

基本上你有div的类名 - dataName 所以你只需要附上两个事件 -

$('.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')
})

虽然你必须让你的url在属性data-url as -

的div中重定向

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

导航鼠标单击并使用jquery在div上鼠标上更改颜色

1 个答案: