javascript - 在变量中获取电子邮件，然后推送 onclick 事件

Question

需要推送qg("identify", {"email": "<email address of the user"});当单击电子邮件表单提交按钮时。我需要从只能使用 html/css/javascript 的第三方解决方案中推送代码。

这里我插入jquery ui弹出表单

$.ajax({
  url: '//code.jquery.com/ui/1.12.1/jquery-ui.js',
  dataType: 'script',
  cache: true,
  success: function() {
    $("#dialog").dialog();
  }
});

然后我在 head 中插入 jquery ui css

$("<link/>", { rel: "stylesheet", type: "text/css", href: "//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"}).appendTo("head");

然后我将弹出窗口推到主体上

$("body").append('<div id="dialog" title="BEVAKA PRODUKT"><div id="dialog-form" title="Create new user"><p class="validateTips">Här kan du skriva in din e-post och få ett mail när produkten finns i lager igen</p><form><fieldset><label for="email">E-postadress</label><input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all"><input type="submit" tabindex="-1" style="position:absolute; top:-1000px"></fieldset></form></div><button id="create-user">Bevaka</button></div>');

我在 var emailTest 中获取电子邮件地址

var emailTest = $("#email").val();

这里我在点击时提醒 emailTest 变量

$("#create-user").click(function(){
    alert(emailTest);
});

这是提交电子邮件表单时需要推送的内容

//qg("identify", {"email": "<email address of the user"});

原型(prototype)

var email = $("#email").val();

$("#create-user").click(function(){
    qg("identify", {"email": "email"});
})

Answer 1

正如我之前提到的，javascript/jquery 是基于事件的。

首先，

$.ajax({
  url: '//code.jquery.com/ui/1.12.1/jquery-ui.js',
  dataType: 'script',
  cache: true,
  success: function() {
    $("#dialog").dialog();
  }
});

在调用对话框之前，您需要确保#dialogue存在。您已经添加了将 #dialogue div 直接附加到 body 的脚本，该脚本将在当前脚本加载时触发。

同样，当您添加代码时

var email = $("#email").val();

当前脚本加载时，该变量将被分配一个值。那时，您的电子邮件字段显然是空的。

您希望在单击按钮时获取#email字段的值。因此，将该代码移至点击处理程序内。