Mootools 和纯 JS 脚本之间的冲突

Question

我被困在一个纯 JS 脚本中，该脚本应该包含在 Joomla（1.7，Mootools 1.3.2）中，

并且在该库之外完美工作时引发了与该库的冲突。

示例：

• 没有 Mootools http://jsfiddle.net/2W87v/

• 使用 Mootools http://jsfiddle.net/2W87v/1/

第 133 行周围的 Firebug 错误：

document.getElementById("pu_" + champs[i]) is null

我尝试了各种方法解决方案，重命名某些变量，使用 $ 而不是 document.getElementById，将每个函数包装在匿名函数周围。无济于事。

如果有人能指出正确的方向，我将非常感激。

Answer 1

mootools 是典型的。

var champs = ['surfaceMaison','surfaceGarage','terrasseCouverte','terrasseNonCouverte','cloture'];
var prix = ['pack','valeur','valeur','valeur'];
var options = ['toitureMultipentes','doucheItalienne','wcSuspendu','enduitTaloche','voletsRoulants','climGainable'];


// and..
for (var i in champs) 


for (var i in options) 

照原样是行不通的，它将沿着原型链向上并获取 mootools 添加到数组原型中的内容。

一般来说，for var in object 作为构造始终适用于 OBJECTS 而不是数组。无论如何它都可以工作，因为在 javascript 中你没有合适的数组类型，它只是一个具有类似数组属性（例如长度）的对象类型。

通过 options.each(function(el, i) {} 或普通的 for 循环来循环数组。

此外，您还可以检查 hasOwnProperty：

for (var i in champs) 
    if (champs.hasOwnProperty(i)) {
        // do the stuff
    }