Question

我是Web开发的初学者，现在我正在使用semantic-ui框架进行字体结构开发。我已经尝试了此链接中第一个示例菜单的示例代码。

http://semantic-ui.com/collections/menu.html

但我的菜单不会像这样改变点击活动状态。我尝试了$（＆＃34; ..＆＃34;）。menu（）方法，它显示了$（..）。菜单不是一个函数。我想知道你是否可以帮助我。我必须编写我的自定义Javascript代码来改变点击或悬停时的活动状态。这是我的代码

<!DOCTYPE html>
<html lang="">
<head>


    <script src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="Semantic-UI-master/dist/semantic.min.css">


<script src="Semantic-UI-master/dist/semantic.min.js"></script>

<style>

    </style>
</head>
<div class="ui three item menu">
  <a class="item">Editorials</a>
  <a class="item">Reviews</a>
  <a class="item active">Upcoming Events</a>
</div>
</html>

Answer 1

使用此：

 {{ form_label(form.Companies[0].name) }}                                   
 {{ form_errors(form.Companies[0].name) }}
 {{ form_widget(form.Companies[0].name) }}

Answer 2

虽然没有直接回答最初的问题，但我认为值得指出的是，任何下拉式菜单都取决于下拉式javascript。例如，以下菜单：

<div class="ui top attached menu">
  <div class="ui dropdown icon item">
    <i class="wrench icon"></i>
    <div class="menu">
      <div class="item">
        item text here...
      </div>
    </div>
  </div>
</div>

需要伴随：

$('.ui.dropdown').dropdown();

菜单不适用于语义UI，如示例代码

2 个答案: