javascript - TypeError : $(. ..) 为 null - 如何使用 noconflict()

Question

我收到错误 TypeError: $(...) is null。

<script>
$('w_pages').observe('change', function(){
    parent.preview.location = 'W/preview/<?=$page['parent_id'] ?>/?p='+$('w_pages').value;
});
$('w_layout').observe('click', function(){
    parent.preview.Tiny.showURL('S/layout/'+$('w_pages').value+'?ajax=true',true)
});
</script>

我读到这是因为冲突。我如何将其包装在 noConflict() 中

Answer 1

这里没有冲突。

您正在使用 dollar function Prototype，它返回对 id 等于其参数的元素的引用。如果页面中不存在此类元素，则返回 null，这又会导致 TypeError。

我不知道为什么你的页面中不存在这样的元素，也不知道如何让JS像它应该的那样工作，但是你可以通过在调用方法之前检查返回值来避免立即错误它:

var wPages = $('w_pages');
if (wPages) {
    wPages.observe('change', function(){
        parent.preview.location = 
            'W/preview/<?=$page['parent_id'] ?>/?p='+wPages.value;
    });
}

// The same for w_layout