Javascript 在站点j查询对话框中弹出一个朋友窗口

请帮我拿一下好吗。我创建了一个按钮，用户可以点击它，它会打开一个新窗口，允许用户填写页面上的表单，并与朋友共享一个属性

相反，我希望它是一个弹出对话框，将有在后台主页。。这是我的代码，有人能帮忙吗

$('.profileHeader').after('<div id="emailWrapper" class="right"/>');
$('#emailWrapper').prepend($('li.five'));
$('li.five').css({"width": 142,"height": 50});
$("li.five").addClass("nice medium orange radius button right headerEmailAFriend");
$(".five > .event-click").css({"border-style": "none"});
$(".five > .event-click").css({"color": "#ffffff"});
$('.#emailWrapper').click(function () {
    $("#emailWrapper").dialog("open");
    event.preventDefault();
    href = $(this).attr('href');
    console.log(href);
    url.dialog({
        resizable: false,
        autoOpen: false,
        height: 140,
        modal: true,
    });
});

好的，这是我现在所拥有的，基于我从这张表格中得到的。。。还有错误吗

< div id = "emailWrapper" > < p > emailWrapper < /p>
</div > $('#emailWrapper').dialog({
resizable: false,
autoOpen: false,
height: 140,
modal: tue
});
$("#emailWrapper").dialog("open");

emailWrapper

$（'#emailWrapper'）。对话框({
可调整大小：false，
自动打开：错误，
身高：140，
交通方式：星期二
});
$（“#emailWrapper”）。对话框（“打开”）；

---

$（'#emailWrapper>li>a'）.bind（'click'，函数（e）{
e、 预防默认值（）；
var url=$（this.attr（'href'）；
$（'body'）。前缀（“”）；
$（'#loadEmailFriend'）.load（url，函数（）{
$（'loadEmailFriend'）。对话框({
可调整大小：false，
自动打开：错误，
身高：140，
莫代尔：是的，
});
});
$（“#emailWrapper”）。对话框（“打开”）；
});

这是我想出的新代码。。现在的问题是，对话框中不会出现任何内容。我正在尝试将另一页上出现的信息（给朋友发电子邮件）输入到一个对话框中，该对话框刚好在同一页上弹出。

您的错误就在这里

$('.#emailWrapper').click(function () {

在代码的其余部分中，您似乎引用了ID为emailWrapper的元素。您想从选择器中删除点。在函数内部，引用事件对象。你必须在你的函数中传递这个

$('#emailWrapper').click(function (event) {

编辑

您的第二个问题是，您试图使您的按钮成为对话框。您确实需要创建一个包含对话框内容的div。比如说

<div id="mydiv">
   <p>Display some stuff here</p>
</div>

然后在单击事件中打开它

$("#mydiv").dialog("open");

---

你遇到的问题是什么？它不起作用，什么都不会出现。。我得到一个无法识别的表达式错误。。按钮以我想要的样式出现，但是.click函数似乎不起作用什么是

#emailWrapper

（您正在添加的单击处理程序）应该匹配的？你是说

#emailWrapper

？我删除了它，但仍然出错。。。返回null

url.dialog（{…

url在哪里定义？还有，“我得到一个无法识别的表达式错误”。你应该在你的问题中发布准确的错误（包括行号和代码中对应的行）。好的，我修复了这一部分…现在当我单击它时，按钮消失：$（“#emailWrapper”）。单击（函数（）{event.preventDefault（）；$（'#emailWrapper'）。对话框({可调整大小：false，自动打开：false，高度：140，模态：true，你能看一下我在顶部添加的代码，让我知道我做错了什么吗..？还是初学者？你更改了打开对话框的按钮的id了吗？你在哪里定义

（它需要在网页的主体中，而对话框定义需要在

标记中如果有人可以查看最后一段代码及其下面的注释，我将不胜感激！！您的对话框div和其他元素被弄糊涂了。您将loadEmailFriend定义为对话框，但您的代码正在尝试使用ema打开对话框ilWrapper.

$（“#emailWrapper”）。对话框（“打开”）；

应该是

$（“#loadEmailFriend”）。对话框（“打开”）；

<div id="mydiv">
   <p>Display some stuff here</p>
</div>

$('#mydiv').dialog({
  resizable: false,
  autoOpen: false,
  height: 140,
  modal: true,
});

$("#mydiv").dialog("open");