inputNodeが指定されていません。 YUIライブラリを使用する場合

Question

私はプロジェクトに取り組んでいます.YUIライブラリを使用してフィルタワードを入力して結果をフィルタリングしようとしていますが、問題はsomtimesがうまくいきました。エラー：inputNodeは指定されていません。

これは私のJS関数です：

YUI(YUI3_config).use('autocomplete-base', 'autocomplete-filters', function (Y) { 
// Create a custom PieFilter class that extends AutoCompleteBase. 
var PieFilter = Y.Base.create('pieFilter', Y.Base, [Y.AutoCompleteBase], { 
    initializer: function() { 
    this._bindUIACBase(); 
    this._syncUIACBase(); 
    } 
}), 

// Create and configure an instance of the PieFilter class. 
filter = new PieFilter({ 
inputNode: '#ac-input20', 
minQueryLength: 0, 
queryDelay: 0, 

source: (function() { 
    var results = []; 

    Y.all('#list31 > .list31, #list31 > .list32').each(function (node) { 
    results.push({ 
     node: node, 
     tags: node.getAttribute('data-tags') 
    });; 
    }); 

    return results; 
    }), 
    resultTextLocator: 'tags', 

    resultFilters: 'phraseMatch' 
}); 

filter.on('results', function (e) { 
Y.all('#list31 > .list31, #list31 > .list32').addClass('hidden'); 

    Y.Array.each(e.results, function (result) { 
    result.raw.node.removeClass('hidden'); 
}); 

}）; }）;

、これが私のHTMLです： "指定されていませんinputNode"

<div id="play30" class="liste-donnees block ezcca-edit-datatype-ezdate"> 
<fieldset> 
    <legend> 
     <span class="long-legend-wrap">Ressources 
      <span class="classattribute-description"></span> 
     </span> 
    </legend> 
    <div style='width: 400px;'> 
     <label for="ac-input20">Filtre:</label> 
     <input id="ac-input20" type="text"> 
     <ul id="list31" class="liste-gauche"></ul> 
    </div>  
    <p style='float: left;margin-top: 150px;font-weight: bold'>=====></p> 
    <ul id="list32" class="liste-droite"></ul>  
</fieldset> 

任意のアイデア、

Answer 1

通常事前にご協力いただきありがとうございます、指定された入力（つまり '＃ac-input20'）が見つからないときにエラーがスローされます。

これはあなたのHTMLで宣言されているので、これは愚かなことでしょう。エラーが発生したときに、HTMLソースをチェックして 'ac-input20'要素が存在することを確認しましたか？

また、 '＃list31> .list31'要素をターゲットにしていますが、HTMLでは 'list31'という名前のクラスはありません。

これは何らかの形で役立ちます。