javascript - mootools 和 jQuery 冲突

Question

我在加载 Mootools 和 JQuery 的页面中有一个简单的表单。 JQuery 处于无冲突模式，这似乎应该不会引起任何问题。

有一个名为“name”的表单元素--

<input class="required" id="sendname" name="sendname" value="">

我正在尝试使用 Mootools 将点击事件附加到它，以便在点击名称框时更新其他内容:

$('sendname').addEvent('click', function(e){
    // do stuff.
});

问题是点击事件永远不会被添加。

---

加载时出现此错误:

Uncaught TypeError: Cannot call method 'addEvent' of null

当我尝试与 js 控制台中的元素交互时，出现以下错误:

> $('sendname').setProperty('value', 'test');
TypeError: Object sendname has no method 'setProperty'</strike>

---

编辑:之前的问题已通过加载更新的 Mootools 得到修复。然而，点击事件仍然没有正常运行，尽管它没有抛出任何错误或警告。

这段代码几乎在我使用过的任何情况下都能正常工作。我假设 jQuery 存在一些冲突问题，但 $ 符号有效的事实似乎证实了 noConflict 模式是可操作的.有什么想法吗？

Answer 1

您错误地定位了元素...我认为这与可能的冲突无关。

在这种情况下，您需要为 id 添加 hash 或为类添加 period，如下所示:

$('#sendname').addEvent('click', function(e){
    // do stuff.
});

注意 #sendname 中的 #