Question

我想使用jquery创建模态弹出框，具体取决于页面中单击的tr元素。

但我无法将我的想法放在一起使用jquery。

tr的结构是<tr><td><a><image></image></a></td></tr>每个元素都发送带有id的jsp页面。（让我们说<a href ="target.jsp?id=<dynamic_id_here>">

我应该怎么做才能在一个模态弹出窗口的同一页面上向用户显示target.jsp的结果？

提前感谢..

Answer 1

以下是我接近它的方法......

对于模态对话框，我真的建议使用“JQuery UI”，它带有漂亮的模态对话框。

http://jqueryui.com/demos/dialog/#modal

对于ajax调用，你需要的大部分内容都在jQuery中：

http://api.jquery.com/jQuery.ajax/

所以，简而言之，你会在页面上创建一个看不见的div，准备接收你的文字：

<div style='display:none'>
  <div id="dialog-modal" title="Basic modal dialog">
    <p>Loading</p>
    </div>
<div>

你需要锚看起来像这样。

对于custom_id = 123：

<a href='#' id='anchor_123'>

然后，要启动对话框，您需要在脚本标记内包含类似内容。

$( "#anchor_123" )
.click(function() {
    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true
    });
            $.ajax({
                    url: "target.jsp?id=123",
                    success: function(data){
                        $('#dialog-modal p').html(data);
                    }
            });

    });

我将让您了解如何在jquery中动态设置custom_id。这应该让你顺利。

HTH

jsp页面中的jquery模式框，带有动态ajax内容

1 个答案: