Drop down menu 为什么只有一个下拉按钮被点击时，其他所有的下拉按钮都会下拉菜单？ 我的观点是：（钮扣刚从地基上取下）

因此，如果用户已经阅读了某本书，则按钮上的文本为“已读”，单击该按钮时会出现“从阅读列表中删除”选项。但是，当您单击该按钮时，其他书籍附近的所有按钮也会删除其菜单。

此外，正如您所看到的，这些菜单及其值向下移动（添加或删除取决于用户是否阅读）

所以，我相信这是因为循环书的缘故。每个循环书都有。但是如果我删除它，我将无法使用我的方法“添加到我的书中”和“路径（书）”等等。 请分享您的想法，如果您可能知道如何使这些下拉列表不与按钮分开生活，以及如何使它们不一起单击。

---

提前谢谢你

您的所有下拉列表都具有相同的id。请尝试从类似于book的内容构建下拉列表id。id:

- books.each do |book|
  .row
    .panel
      .row
        .small-9 class='columns'
          ul
            li
              = link_to "#{book.name}", book_path(book)
        .small-3 class='columns'
          - dropdown_id = "drop#{book.id}"
          - if current_user.books.exists?(book.id)
            button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Read
            ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"]
              li
                = link_to "Remove from my read list", delete_from_my_books_path(book)
            break
          - else
            button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Not read
            ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"]
              li
                = link_to "Add to my read list", add_to_my_books_path(book)

- books.each do |book|
  .row
    .panel
      .row
        .small-9 class='columns'
          ul
            li
              = link_to "#{book.name}", book_path(book)
        .small-3 class='columns'
          - dropdown_id = "drop#{book.id}"
          - if current_user.books.exists?(book.id)
            button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Read
            ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"]
              li
                = link_to "Remove from my read list", delete_from_my_books_path(book)
            break
          - else
            button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Not read
            ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"]
              li
                = link_to "Add to my read list", add_to_my_books_path(book)