Question

我正在尝试弹出一个包含电子邮件内容文本区域的对话框。

当点击第一个按钮时，此代码弹出对话框，但我没有运气“发送电子邮件”按钮做任何事情。

<body>
    <button id="myButton">Click for the dialog!</button>
</body>

<div id="myDialog" title="Reply">    

    <textarea id="myTextarea">Some initial text</textarea>

    <button id="emaiSubmit" onclick="emailButtonClicked()">Send Email</button>
</div>

JS：

function emailButtonClicked() {
    alert('Clicked');
}

$("#myDialog").dialog({
    autoOpen: false
});

$("#myButton").button().click(function() {
    $("#myDialog").dialog("open");
});

最终，我想捕获textarea的最终文本，关闭对话框，然后使用Ajax发送电子邮件。但第一步是获取“发送电子邮件”按钮来执行一些代码。

Answer 1

<body>
  <button id="myButton">Click for the dialog!</button>
</body>

<div id="myDialog" title="Reply">    

    <textarea id="myTextarea">Some initial text</textarea>

    <button id="emaiSubmit">Send Email</button>

$(function(){

    function emailButtonClicked() {
        alert('Clicked');
    }    
    $("#myDialog").dialog({
        autoOpen: false
    });

    $("#myButton").on("click",function(){

        $("#myDialog").dialog("open");   
    });

    $("#emaiSubmit").on("click",emailButtonClicked);

});

JQuery - 在对话框中使用textarea发送电子邮件

1 个答案: