javascript - Uncaught DOMException: Error :hidden' is not a valid selector

Question

当单击按钮加载更多时，我正在尝试加载更多项目。代码返回错误： Uncaught DOMException: Failed to execute 'querySelectorAll' on 'Document': '.moreArticle:hidden' 不是有效的选择器。

        <div class="articles col-lg-10 offset-lg-2">

            <div class="article moreArticle col-lg-5">
                <h3>Workshop k tématu  spolufinancovaných projektů z ESI fondů</h3> 
                <p>28/12/2018</p>
            </div>
            <div class="article moreArticle col-lg-5" style="display: none;">
                <h3>Workshop k tématu  spolufinancovaných projektů z ESI fondů</h3> 
                <p>28/12/2018</p>
            </div>
            <div class="article moreArticle col-lg-5" style="display: none;">
                <h3>Workshop k tématu  spolufinancovaných projektů z ESI fondů</h3> 
                <p>28/12/2018</p>
            </div>

             <div id="loadMore" style="">
                <a href="#">Načíst další články</a>
             </div>

        </div>

还有我的 javascript：

  $('#loadMore').on('click', (e) => {
    e.preventDefault();
    $('.moreArticle:hidden').slice(0, 6).slideDown();
    if ($('.moreArticle:hidden').length === 0) {
      $('#loadMore').fadeOut('slow');
    }
  });

我在 webpack 中使用 cash-dom 运行它。知道代码有什么问题吗？

标签： javascriptjquerywebpack