传递HTML值以在JQuery UI对话框中使用?

时间:2013-11-19 22:18:13

标签: javascript jquery html asp.net jquery-ui

我有以下脚本:

 $(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>

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

它的设置是因为当我单击表格中的某个元素时,它会显示该对话框,但是我希望它还显示我在消息的结尾或中间的对话框中点击的值。 / p>

请帮忙,我找不到。

1 个答案:

答案 0 :(得分:3)

您可以在模式打开前修改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/