私はjqueryが初めてです。テーブルのあるメインページとして1つのjspがあり、1つの列にハイパーリンクのあるデータがあります。ユーザーがデータをクリックすると、ポップアップが開き、詳細が表示されます。
コードは次のようになります。
$('body').append($('.jqmWindow'));
$('#dialog').jqm({
ajax : '@href',
model : true,
trigger : 'a.blue'
});
これは、ポップアップまたはモーダル (実際には別の jsp) をトリガーする関数です。問題は、Spring ページネーションを初めてコントローラに統合してデータがポップアップに表示されることですが、次のページをクリックすると、ポップアップではなくブラウザ ウィンドウで開きます。
以下は、モーダル/ポップアップに表示されるjspです
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="tag" tagdir="/WEB-INF/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>
<% pageContext.setAttribute("newLineChar", "\n"); %>
<script type="text/javascript">
$(document).ready(function() {
$(".link-message").click(function(){
$(".message-view.active").hide();
$(".message-view.hide").fadeIn("slow");
$(".message-view").toggleClass("hide").toggleClass("active");
});
$('body').append($('.jqmWindow'));
$('#dialog').jqm({
ajax : '@action',
modal : true,
trigger : 'form.blue'
});
});
私のjspコンテンツ
<c:url var="pagedLink" value="/secure/eventDetail/viewConversationDetail" scope="request">
<c:param name="d-4022873-p" value="~"/>
<c:if test="${not empty param.class}"><c:param name="class" value="${param.class}"/></c:if>
<c:if test="${not empty param.deviceUid}"><c:param name="deviceUid" value="${param.deviceUid}"/></c:if>
<c:if test="${not empty param.eventType}"><c:param name="eventType" value="${param.eventType}"/></c:if>
<c:if test="${not empty param.eventId}"><c:param name="eventId" value="${param.eventId}"/></c:if>
</c:url>
<ul class="nav-links-popup float-right pad">
<li class="blue"><tag:paging pagedLink="${pagedLink}" pagedListHolder="${eventsHolder}"></tag:paging></li>
</ul>
</form:form>
ページネーションでモーダルを正常に動作させるにはどうすればよいですか。
どんな助けも