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。