传递要在 JQuery UI 对话框中使用的 HTML 值？

Question

我有以下脚本：

 $(function (movie) {
        $("#dialog").dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 500
            },
            hide: {
                effect: "explode",
                duration: 500
            }
        });
        $("td#dialog_link").click(function (e) {     

            $('#dialog').dialog('open');
            return false;
        });

以及下面的div来显示消息：

<div id="dialog" title="R">
<p>The value in the table is </p>
</div>

我似乎无法找到一种方法来传递我点击的东西的值。

它的设置是，当我单击表格中的元素时，它会显示对话框，但我希望它还显示我在消息末尾或中间的对话框中单击的值。

请帮忙，我找不到。

Answer 1

您可以在模式打开之前修改您的dialog 文本。像这样的：

    $("td#dialog_link").click(function (e) {     
        $('#dialog').html('<p>The value in the table is '+$(this).text()+'</p>');
        $('#dialog').dialog('open');
        return false;
    });

如果你稍微改变你的 html，另一个选择。

    <div id="dialog" title="R">
      <p>The value in the table is <span id="tableVal"></span></p>
    </div>

     $("td#dialog_link").click(function (e) { 
        $('#tableVal').text($(this).text());    
        $('#dialog').dialog('open');
        return false;
    });

例子：

http://jsfiddle.net/QtBb8/