与Laravel 5.7语义UI集成

Question

语义的UI集成了我laravel应用程序。所有按钮都工作，但菜单栏是不工作即任何代码，我从文档复制它显示像只。

我已经联系这些文件 -

    <link rel="stylesheet" type="text/css" href="{{asset('semantic/dist/semantic.min.css')}}">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="{{asset('semantic/dist/semantic.min.js')}}"></script>

    <div class="ui secondary  menu"> 
       <a class="active item"> Home </a>
       <a class="item"> Messages </a>
       <a class="item"> Friends </a>
    <div class="right menu">
      <div class="item">
        <div class="ui icon input">
          <input type="text" placeholder="Search...">
          <i class="search link icon"></i>
        </div>
      </div>
      <a class="ui item"> Logout </a>
    </div>

默认情况下，家是活跃，但是当我点击或侧重于即消息或朋友的另一个项目，它没有显示为主动，否则徘徊影响工作正常。

Answer 1

正如你看到的，只有第一个菜单项是在你的代码标记为active，所以为什么你指望任何其他菜单项被标记为active当你点击它们？

<a class="active item"> Home </a>

你应该发现当渲染菜单和active类设置必要的项目，其菜单项处于活动状态。

因此，举例来说，当你在“主页”页面上的菜单应该是这样的：

   <a class="active item"> Home </a>
   <a class="item"> Messages </a>
   <a class="item"> Friends </a>

但是当你是“朋友”页面上的菜单看起来应该是这样，而不是：

   <a class="item"> Home </a>
   <a class="item"> Messages </a>
   <a class="active item"> Friends </a>

和其他一切取决于你的实现（无论它是PHP或其他服务器端语言，如果你生成您的菜单或JavaScript，如果你在浏览器中切换其状态）。