1

我对 jquery 很陌生。我有一个带有表格的 jsp 作为主页，并且在一个列中有一些带有超链接的数据。当用户单击数据时，它会打开一个弹出窗口以显示详细信息。

代码如下：

$('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>

    如何使模态与分页正常工作。

    任何帮助都会

    4

    0 回答 0