jquery - 将事件跟踪代码从 Jquery 转换为 Mootools

Question

我正在开发一个 Joomla 网站，因此它使用 Mootools。

我需要在联系表单提交按钮上使用分析事件跟踪；然而，JQuery 不起作用，我已经通过使用 NoConflict 和其他方法尝试了所有选项。

这是我需要在提交按钮上使用的 Jquery 代码。如何将其转换为 Mootools？

onclick="var _this=this;_gaq.push([
  '_set',
  'hitCallback',
  function( { 
    $(_this).parents('form').first().submit();
  }
]);

_gaq.push([
  '_trackEvent', 
  'Contact', 
  'Appointment',
  ,
  , 
  false]
);

return !window._gat;"

希望能帮到你。

谢谢。

Answer 1

MooTools 1.1 不支持带有选择器的 getParent，因此您最好直接使用 DOM API。我会重写该函数(顺便说一句，您发布的代码中缺少一个右括号)

function() { 
    $(_this).parents('form').first().submit();
}

如下:

function() {
    for (var el = _this.parentNode; el; el = el.parentNode) {
        if (el.tagName == 'form') {
            el.submit();
            break;
        }
    }
}

如果添加点击处理程序的元素是 input 元素，则只需使用:

function() { _this.form.submit(); }

另请注意，使用 onclick 属性通常是不好的做法。您应该考虑使用 MooTools 的 Element.addEvent 添加事件处理程序。