semantic-ui的下拉菜单效果在网页中的引入

最新推荐文章于 2021-07-23 17:01:38 发布

GeekLeee

最新推荐文章于 2021-07-23 17:01:38 发布

阅读量3.2k

点赞数 1

分类专栏： -----semantic-ui

本文链接：https://blog.csdn.net/GeekLeee/article/details/72984064

版权

本文介绍了如何在网页中引入并使用Semantic UI的下拉菜单效果。通过引用`index.js`中的`$('.ui.dropdown').dropdown();`代码，结合Semantic UI中文官网的文档，可以实现下拉菜单功能。此外，提供了主题文件夹、`semantic.css`和`semantic.min.js`的下载地址，帮助完成UI框架的简易包配置。

摘要由CSDN通过智能技术生成

文件结构结构：

first_web_2.html

{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>first web</title>
        <link rel="stylesheet" href="{% static 'css/semantic.css' %}"  media="screen" title="no title" charset="utf-8">
        <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script><!--引入jquery文件-->
        <script src="{% static 'css/semantic.min.js' %}"></script><!--引入static文件夹下的semantic.min.js文件-->
        <script src="{% static 'css/index.js' %}"></script><!--引入static文件夹下的自定义的js文件-->
        <link href="https://fonts.googl