jquery模式框在动态Ajax内容的jsp页面

Question

我想创建使用jQuery的模式弹出框取决于页面的点击tr元素。

但我不能把我的思想放在一起使用jQuery这一目的。

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

我应该怎么办，以显示用户在同一页上的target.jsp的结果与一个模式弹出？

在此先感谢..

Answer 1

以下是我想接近它。 ..

对于模态对话框，我真的建议使用“JQuery用户界面”，它配备了一个好看的模态对话框。

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