2

使用 jQuery 对话框打开一个模态框来确认，例如从朋友中删除特定用户。我想在模态框中使用朋友的名字（目前我在链接php的name-tag 中打印它并使用 jQuery 从那里获取它）。

//create the html for the modal box
var dialog_html_ignore = $('<div id="dialog-confirm" title="Ignore Friend Request?"><p>Some text... ignore [put the name here], ...?</p></div>')

//set up the jQuery dialog
var dialog_ignore=$( dialog_html_ignore ).dialog({
        autoOpen:false,
        resizable: false,
        modal: true,
        buttons: {
            "No": function() {
                $( this ).dialog( "close" );
            },
            "Yes": function() {
                window.location.href = targetUrl;
            }
        }
    });

//open the dialog on click event
$('.click_ignore').click(function() {
    window.fName = $(this).attr("name");
    alert(fName); /* this gives me the right username */
    dialog_ignore.dialog('open');
    return false;
});

如何/什么是实际使用用户名变量作为文本的一部分（在模式框的 html 中）的最佳方式？

任何帮助都非常感谢，在此先感谢您！！:)

4

3 回答 3

2

试试这个：

var dialog_html_ignore = $('<div id="dialog-confirm" title="Ignore Friend Request?"><p>Some text... ignore <span class="name"></span>, ...?</p></div>')

$('.click_ignore').click(function() {
    window.fName = $(this).attr("name");
    $(".name", dialog_html_ignore).text(fName);
    dialog_ignore.dialog('open');
    return false;
});

示例小提琴

于 2012-05-24T13:25:51.517 回答
1

我会将对话框 HTML 编写为页面中的实际 HTML，而不是作为要由$. 然后，我将通过 ID 选择它并对话化它，以便它立即隐藏。

我还将<span id='ignore-dialog-fname'></span>在对话框 HTML 中包含一个空，然后按 ID 选择以将其textContent/设置innerText为fname.

<script>
$(function() {
    //set up the jQuery dialog
    var dialog_ignore=$("#dialog-confirm").dialog({
        autoOpen:false,
        resizable: false,
        modal: true,
        buttons: {
            "No": function() {
                $( this ).dialog( "close" );
            },
            "Yes": function() {
                window.location.href = targetUrl;
            }
        }
    });

    //open the dialog on click event
    $('.click_ignore').click(function() {
        window.fName = $(this).attr("name");
        $("#ignore-dialog-fname").text(fName);
        dialog_ignore.dialog('open');
        return false;
    });
});
</script>

<div id="dialog-confirm" title="Ignore Friend Request?">
    <p>Some text... ignore <span id='ignore-dialog-fname'></span>, ...?</p>
</div>
于 2012-05-24T13:29:35.540 回答
1

在您的点击事件中使用以下代码，

dialog_html_ignore.attr("name", fname);

在对话框中，您可以像这样访问

dialog_html_ignore.attr("name");
于 2012-05-24T13:32:36.737 回答