繁体   English   中英

语义UI的搜索元素返回TypeError

[英]Semantic-UI's search element returns a TypeError

我正在尝试使用不同的响应字段功能来进行语义UI的搜索。

当我尝试使用搜索时,得到以下信息:

在此处输入图片说明

而不是这样:

在此处输入图片说明

页面标题包含:

<!-- Semantic UI-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">

<!-- font awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

<!-- Semantic UI-->
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

我已经在页面正文中定义了搜索,包括文档就绪脚本:

<script type="text/javascript">
$(document).ready(function(){
  console.log('ready');
  console.debug('steady');

  $('.ui.search')
    .search({
      apiSettings: {
        url: '//api.github.com/search/repositories?q={query}'
      },
      fields: {
        results : 'items',
        title   : 'name',
        url     : 'html_url'
      },
      minCharacters : 3
    });

});
</script>
<div class="ui search">
  <div class="ui left icon input">
    <input class="prompt" type="text" placeholder="Search GitHub">
    <i class="github icon"></i>
  </div>
</div>

在浏览器的控制台中,我得到一个错误:

TypeError:P.ajax不是函数[了解更多]

在此处输入图片说明

**编辑**

我按照说明进行了安装和构建语义UI的工作。

我感动的内容dist文件夹到我的应用程序的public文件夹,现在类似:

在此处输入图片说明

我修改了页面的引用以包含所需的组件:

<link rel="stylesheet" type="text/css" href="semantic.min.css">
<link rel="stylesheet" type="text/css" href="components/search.min.css">
<script src="semantic.min.js"></script>
<script src="components/search.min.js"></script>

现在我得到一个不同的TypeError:

在此处输入图片说明

** /编辑**

我想念什么?

我使用的是jQuery的苗条版本:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

当我切换为使用常规版本时:

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

搜索按预期进行。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM