javascript/jQuery：如何在jQuery对话框中使用来自单击事件的var？

使用jQuery对话框打开模式框以确认，例如从朋友中删除特定用户。我想在模式框中使用朋友的名字（目前我使用链接的

name

-标记中的

php

打印它，并使用jQuery从中获取它）

//为模式框创建html
var dialog_html_ignore=$（“一些文本…忽略[在此处输入名称]，…？
”）
//设置jQuery对话框
var dialog\u ignore=$（dialog\u html\u ignore）。dialog({
自动打开：错误，
可调整大小：false，
莫代尔：是的，
按钮：{
“否”：函数（）{
$（此）.dialog（“关闭”）；
},
“是”：函数（）{
window.location.href=targetUrl；
}
}
});
//单击事件打开对话框
$（'.click_ignore'）。单击（function（）{
window.fName=$（this.attr（“名称”）；
提醒（fName）；/*这给了我正确的用户名*/
dialog_ignore.dialog（“打开”）；
返回false；
});

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

非常感谢您的帮助，提前谢谢您！！：）

试试这个：

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;
});

var dialog\u html\u ignore=$（“一些文本…忽略，…”
）
$（'.click_ignore'）。单击（function（）{
window.fName=$（this.attr（“名称”）；
$（“.name”，对话框\u html\u忽略）.text（fName）；
dialog_ignore.dialog（“打开”）；
返回false；
});

试试这个：

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;
});

var dialog\u html\u ignore=$（“一些文本…忽略，…”
）
$（'.click_ignore'）。单击（function（）{
window.fName=$（this.attr（“名称”）；
$（“.name”，对话框\u html\u忽略）.text（fName）；
dialog_ignore.dialog（“打开”）；
返回false；
});

---

我会将对话框HTML编写为页面中的实际HTML，而不是要由

$

解析的字符串。然后，我会选择它的ID和对话框通知它，所以它是隐藏在一次

我还将在HTML对话框中包含一个空的

，然后选择“按ID”将其

文本内容设置为
/
内部文本
为
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>


$（函数（）{
//设置jQuery对话框
var dialog_ignore=$（“#dialog confirm”）。dialog({
自动打开：错误，
可调整大小：false，
莫代尔：是的，
按钮：{
“否”：函数（）{
$（此）.dialog（“关闭”）；
},
“是”：函数（）{
window.location.href=targetUrl；
}
}
});
//单击事件打开对话框
$（'.click_ignore'）。单击（function（）{
window.fName=$（this.attr（“名称”）；
$（“#忽略对话框fname”）.text（fname）；
dialog_ignore.dialog（“打开”）；
返回false；
});
});
一些文字。。。忽略

我会将对话框HTML编写为页面中的实际HTML，而不是要由
$
解析的字符串。然后，我会选择它的ID和对话框通知它，所以它是隐藏在一次

我还将在HTML对话框中包含一个空的
，然后选择“按ID”将其
文本内容设置为
/
内部文本
为
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>


$（函数（）{
//设置jQuery对话框
var dialog_ignore=$（“#dialog confirm”）。dialog({
自动打开：错误，
可调整大小：false，
莫代尔：是的，
按钮：{
“否”：函数（）{
$（此）.dialog（“关闭”）；
},
“是”：函数（）{
window.location.href=targetUrl；
}
}
});
//单击事件打开对话框
$（'.click_ignore'）。单击（function（）{
window.fName=$（this.attr（“名称”）；
$（“#忽略对话框fname”）.text（fname）；
dialog_ignore.dialog（“打开”）；
返回false；
});
});
一些文字。。。忽略

在单击事件中使用以下代码

dialog_html_ignore.attr("name", fname);

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

dialog_html_ignore.attr("name");

在单击事件中使用以下代码

dialog_html_ignore.attr("name", fname);

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

dialog_html_ignore.attr("name");

您需要哪个值？那fname？@RajaGopal：是的，框架（该值位于单击的
a
元素的
name
属性中）……正如Rory的解决方案所指出的，这非常容易做到，因为对话框窗口实际上只是父页面上的一个div，所以所有选择器的工作方式都与页面上的DOM元素一样（因为它是）@杰巴比：是的，你是对的。。我现在明白了这是多么容易！非常感谢您的帮助，对不起，我还是个新手，没有经验……：你需要什么价值？那fname？@RajaGopal：是的，框架（该值位于单击的
a
元素的
name
属性中）……正如Rory的解决方案所指出的，这非常容易做到，因为对话框窗口实际上只是父页面上的一个div，所以所有选择器的工作方式都与页面上的DOM元素一样（因为它是）@杰巴比：是的，你是对的。。我现在明白了这是多么容易！非常感谢您的帮助，对不起，我还是个新手，没有经验……：Sthx的答案。在html页面中而不是在js中编写html是否有特定的原因？我这样做的原因是，如果页面加载速度不是很快，您可以在一瞬间看到html（尽管只是一瞬间）。。。当然，除非您将其隐藏。我还担心，如果HTML仅由对话框处理程序知道，则无法访问
$（“#ignore dialog fname”）
（也就是说，我不知道
。dialog
是否会自动将对话框HTML添加到DOM中）。如果罗里的解决方案奏效，我的担心显然是没有根据的。使用它，因为它基本上和我的一样，不会让你重写你的代码。嘿，谢谢你的努力，真的！也感谢你如此诚实地给Rory。。但他的解决方案效果非常好，没想到会那么容易…：）thx aga