Question

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

这里我插入了jquery ui popup表单

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

然后我将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"});

Protoype

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字段的值。所以在click处理程序中移动该代码。

在变量中获取电子邮件然后按下事件on

1 个答案: