mootools和jQuery冲突

Question

我在一个加载Mootools和JQuery的页面中有一个简单的表单.JQuery没有冲突模式,看起来应该没有问题.

有一个名为"名字"的表单元素 -

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

我正在尝试使用Mootools附加一个click事件,以便在单击名称框时更新其他内容:

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

问题是click事件永远不会被添加.

---

加载时出现此错误:

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或句点添加哈希,如下所示:

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

注意#中#sendname