jQuery发现的奇怪行为

Question

我得到了这个javascript，它完美地工作在我的一个网站上，但也给其他网站带来了麻烦。

$(document).ready(function(){
        if ($.find(Thesaurus.options.containers).length > 0) {
            thes = new Thesaurus(Thesaurus.options);
        }
});

当我尝试使用老式的警报进行调试时，这些结果如下：

• alert(Thesaurus.options.containers); -这将返回字符串div.content
• alert($.find(Thesaurus.options.containers)); --这个返回空，因此长度为零。
• alert($.find('div.content')); --正如我所期望的那样，这个返回对象HTMLdivElement

我似乎无法理解发生了什么事。

Answer 1

在$.find()中没有方法jQuery --它是.find()

$(document).ready(function(){
        if ($(document).find(Thesaurus.options.containers).length > 0) {
            thes = new Thesaurus(Thesaurus.options);
        }
});

或

$(document).ready(function(){
        if ($(Thesaurus.options.containers).length > 0) {
            thes = new Thesaurus(Thesaurus.options);
        }
});

Answer 2

如果你访问jQUery的网页，你可以想象你在使用错误的$.find.这里是一个使用方法的例子。

 <ul class="level-1">
 <li class="item-i">I</li>
 <li class="item-ii">II
 <ul class="level-2">
 <li class="item-a">A</li>
 <li class="item-b">B
 <ul class="level-3">
 <li class="item-1">1</li>
 <li class="item-2">2</li>
 <li class="item-3">3</li>
 </ul>
 </li>
 <li class="item-c">C</li>
 </ul>
 </li>
 <li class="item-iii">III</li>
 </ul>

如果我们从第二项开始，我们可以找到其中的项目清单：

$( "li.item-ii" ).find( "li" ).css( "background-color", "red" );

您需要修改代码，如下所示：

   if ($(document).find(Thesaurus.options.containers).length > 0) {
        thes = new Thesaurus(Thesaurus.options);
    }

希望这能行。

问候