Question

我想到的是，首先我必须提到标题中css文件的链接，然后我必须在标记之前提到js文件的链接。但是我没有使用semantic-ui.com使用这种方法的组件。我想要这样的东西。

在semantic-ui.com中称为“多重搜索选择”。我做的是：

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">

    </head>
    <body>

        <select class="ui fluid search dropdown" multiple="">
  <option value="">State</option>
  <option value="AL">Alabama</option>
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>

</select>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
</body>
</html>

我在控制台中没有收到任何错误。

Answer 1

查看控制台，您可以看到以下错误：

Uncaught ReferenceError: jQuery is not defined
    at semantic.min.js:11

您还需要添加jQuery。

编辑：此外，您需要使用.dropdown（）命令将其初始化为

$('select').dropdown();

这里的工作示例：Fiddle

Answer 2

我在教程中找到了解决方案。 jQuery链接应该包含在head中，或至少在调用$('select').dropdown();

之前

如何在我的Web应用程序中添加第三方组件？

2 个答案: