JQuery

Question

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

单击第一个按钮时此代码会弹出对话框，但我没有运气让 "send email" 按钮执行任何操作。

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

最后，我想捕获文本区域的最终文本，关闭对话框，然后发送带有 Ajax 的电子邮件。但第一步是让 "Send Email" 按钮执行一些代码。

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 - 在对话框中使用文本区域发送电子邮件

JQuery - send email using textarea in dialog

email

dialog