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

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

但是当我添加从我的电子邮件事件提供商 (robly) 复制并粘贴的以下脚本时，“你确定”确认停止工作。

  $(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

例如:

$(文档).ready(function () { ... });

会变成:

jQuery(文档).ready(function () { ... });