Javascript冲突

Question

我对javascript很新。

使用wordpress我在我的主题的自定义js中输入以下函数：

document.getElementsByName("empty_cart")[0].onclick = function(e) {
  var choice = confirm("Are You Sure ?");
  if (!choice) {
    //Cancel submit
    e.preventDefault();
  }
};

此脚本允许＆＃34;您确定要清空购物车吗？＆＃34;确认，并且工作正常。

但是当我添加以下脚本时，我从我的电子邮件广告系列提供商（抢夺）中复制并粘贴了＃34;您确定＆＃34;确认停止了工作。

  $(document).ready(function () {

      $("#robly_embedded_subscribe").click(function (e) {
          e.preventDefault();

          var email = $("#DATA0").val();
          if (!is_valid_email_address(email)) {
              alert("Please enter a valid email address.");
              return false;
          }


          var f = $("#robly_embedded_subscribe_form");
          f.submit();

          return false;
      });

  });

  function is_valid_email_address(emailAddress) {
      var pattern = new RegExp(/^((([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])+(.([a-z]|d|[!#$%&'*+-/=?^_`{|}~]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])+)*)|((x22)((((x20|x09)*(x0dx0a))?(x20|x09)+)?(([x01-x08x0bx0cx0e-x1fx7f]|x21|[x23-x5b]|[x5d-x7e]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(([x01-x09x0bx0cx0d-x7f]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF]))))*(((x20|x09)*(x0dx0a))?(x20|x09)+)?(x22)))@((([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])*([a-z]|d|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF]))).)+(([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])|(([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])([a-z]|d|-|.|_|~|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF])*([a-z]|[u00A0-uD7FFuF900-uFDCFuFDF0-uFFEF]))).?$/i);
      return pattern.test(emailAddress);
  }

我试图删除函数is_valid片段并将其移动到我的子主题中的functions.php文件中......但这并没有用。

如果有人能帮助我，我会非常感激。

如果您需要我的任何进一步信息，请询问。

Answer 1

通常使用WordPress，您需要将$的所有实例更改为jQuery

例如：

$(document).ready(function () { ... });

会变成：

jQuery(document).ready(function () { ... });