Jets.js錯誤：未捕獲錯誤：錯誤！ 找不到searchTag元素

Question

我正在嘗試使用Jets.js進行一系列無序列表的頁面搜索，但我一直在用一個ul得到這個錯誤：

jets.js:23 Uncaught Error: Error! Could not find searchTag element
(anonymous function) @ jets.js:23
Jets @ jets.js:17
(anonymous function) @ index.html:34

JavaScript是：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jets/0.11.0/jets.js"></script>
    <script>
        var jets = new Jets({
          searchTag: '#jetsSearch',
          contentTag: '.jetsContent',
          searchSelector: '*OR'
        });
    </script>

而HTML是：

                            <input type="search" id="jetsSearch">
                            <ul class="jetsContent">
                                <li>
                                    <span class="icon major style1 fa-code"></span>
                                    <h3>Ipsum consequat</h3>
                                    <p>Sed lorem amet ipsum dolor et amet nullam consequat a feugiat consequat tempus veroeros sed consequat.</p>
                                </li>
                                <li>
                                    <span class="icon major style3 fa-copy"></span>
                                    <h3>Amed sed feugiat</h3>
                                    <p>Sed lorem amet ipsum dolor et amet nullam consequat a feugiat consequat tempus veroeros sed consequat.</p>
                                </li>
                                <li>
                                    <span class="icon major style5 fa-diamond"></span>
                                    <h3>Dolor nullam</h3>
                                    <p>Sed lorem amet ipsum dolor et amet nullam consequat a feugiat consequat tempus veroeros sed consequat.</p>
                                </li>
                            </ul>

Answer 1

嘗試這個：

var pre = onload;
onload = function(){
if(pre)pre();

var jets = new Jets({
  searchTag: '#jetsSearch',
  contentTag: '.jetsContent',
  searchSelector: '*OR'
});

}