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