个人中心
gpt4 book ai didi

html - Bootstrap 下拉菜单在 Rails 中不起作用

转载 作者：太空宇宙 更新时间：2023-11-04 03:56:22 25 4
gpt4 key购买 nike

我正在尝试在我的 Rails 应用程序中实现下拉菜单。我已经复制了正确的代码来显示下拉菜单，但是当我尝试单击菜单时它没有显示正确的选项。

使用 bootstrap cdn:

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Idealprospects</title>
  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <%= csrf_meta_tags %>
</head>
<body>

index.html.erb

<div class="container">
<h1>Your Prospects</h1>
<table class="table table-striped table-bordered">
    <tr>
      <th class="center">Company</th>
      <th class="center">Name</th>
      <th class="center">Email</th>
      <th class="center">Telephone</th>
      <th class="center">Website</th>
      <th class="center">Action</th>
    </tr>

    <% @posts.each do |post| %>
      <tr>
        <td><%= post.company %></td>
        <td><%= post.contact %></td>
        <td><%= post.email %></td>
        <td><%= post.telephone %></td>
        <td><%= post.website %></td>
        <td>
            <div class="btn-group">
               <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                Action <span class="caret"></span>
               </button>

            <ul class="dropdown-menu" role="menu">
              <li><%= link_to 'Show', post, class: "btn btn-link" %></li>
              <li><%= link_to 'Edit', edit_post_path(post), class: "btn btn-link" %>
              <li><%= link_to 'Destroy', post, method: :delete, data: { confirm: 'Are you sure?' }, class: "btn btn-link" %> </li>
            </ul>
            </div>
        </td>
      </tr>
    <% end %>
</table>

<br>

<%= link_to 'New Post', new_post_path, class: "btn btn-link" %>

</div>

最佳答案

从你的代码中我看到你只包含了 bootstrap.css 而它也需要 js

http://getbootstrap.com/components/#dropdowns

下拉菜单

Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin.

关于html - Bootstrap 下拉菜单在 Rails 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22746041/

25 4 0
文章推荐： linux - 是否可以从另一个 ssh 节点连接 ssh 节点？
文章推荐： linux - 安装 Mininet 时出错
文章推荐： 谁能用 C 解释这个结构？
文章推荐： jquery - 从单击 div 中选择填充选定值并应用类
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com