如何使用Jets.js？

Question

Jets File : https://cdnjs.cloudflare.com/ajax/libs/jets/0.14.0/jets.min.js Jets文件： https : //cdnjs.cloudflare.com/ajax/libs/jets/0.14.0/jets.min.js

Html File : HTML档案：

 <!DOCTYPE html> <html> <head> <script src="assets/jets.js"></script> </head> <body> <script> var jets = new Jets({ searchTag: '#jetsSearch', contentTag: '#jetsContent' }); </script> <input type="search" id="jetsSearch"> <div id="jetsContent"> <div>Barry Williamson</div> <div>Francis Reeves</div> <div>…</div> </div> </body> </html>

I want to get this result Jets.js 我想得到这个结果Jets.js

Search field for several words 在搜索栏中输入几个单词

Answer 1

You're HTML is out of order. 您的HTML出现了故障。 It should look like this: 它看起来应该像这样：

<!DOCTYPE html>
<html>

<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jets/0.14.0/jets.min.js"></script>
</head>

<body>

    <input type="search" id="jetsSearch">
    <div id="jetsContent">
        <div>Barry Williamson</div>
        <div>Francis Reeves</div>
        <div>…</div>
    </div>

    <script>
        var jets = new Jets({
          searchTag: '#jetsSearch',
          contentTag: '#jetsContent'
        });
    </script>

</body>

</html>

如何使用Jets.js？

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-06-05 16:24:04

如何使用Jets.js？

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-06-05 16:24:04

解决方案1
0 已采纳 2018-06-05 16:24:04