jQuery-UI對話框

Question

我是jQuery的新手，現在我想使用jQuery-UI對話框向用戶顯示帶有長文本的漂亮消息。 問題是我希望Html表中的每一行都具有一個“更多詳細信息”鏈接，該鏈接將導致jQuery Dialog窗口使用該特定行中的文本打開。 我應該在jQuery-UI對話框示例隨附的代碼中添加什么？ ：

            // Dialog           
            $('#dialog').dialog({
                autoOpen: false,
                width: 600,
                buttons: {
                    "Ok": function() { 
                        $(this).dialog("close"); 
                    }, 
                    "Cancel": function() { 
                        $(this).dialog("close"); 
                    } 
                }
            });

謝謝。

Answer 1

您可能想將事件處理程序綁定到每一行（或者最好在表上使用“ .delegate（）”），可能是為了“單擊”：

$('#yourTable').delegate("tr", "click", function() {
  var $row = $(this);
  // setup code here, and then:
  $('#dialog').dialog('open');
});

在該處理程序中，您需要從行中提取內容並在對話框中填充某些內容以反映表行的內容。

編輯 -如果只希望單擊特定列以彈出對話框，則只需將調用中的選擇器更改為“ .delegate（）”即可。 例如，您可以給可點擊的<td>單元格類“ info”，以便您可以這樣做：

 $('#yourTable').delegate("td.info", "click", function() {
   var $cell = $(this), $row = $cell.closest('td');
   // setup code ...
   $('#dialog').dialog('open');
 });

Answer 2

一種替代方法是使用微型jTruncate插件。

http://blog.jeremymartin.name/2008/02/jtruncate-in-action.html