Javascript 如何使用js触发仅css模式

我用波旁调味品来补充，很好。但是，现在我需要通过JS触发模态，我不知道如何做，因为它是纯CSS，没有任何文档或JS方法

模态仅为CSS3：

我需要在用户单击按钮时触发它打开

首先：用户单击按钮并转到routes

第三：它用js响应

第四：它将向视图中的div追加一些html

---

谢谢

简单的解决方案将触发单击

$("#modal-1").trigger("click");

---

我通过JS从模式中触发了checked状态

$("#modal").prop("checked", true);

<%= link_to "Guardar en spotbook".html_safe, photo_album_modal_path(@photo.id), remote: true %>

get    '/photo/:id/album-modal', to: 'photos#albums_add_modal', as: :photo_album_modal

def albums_add_modal
    @albums = current_user.albums.includes(:photos).reverse_order
    @photo = Photo.find(params[:id])
    respond_to do |format|
        format.js
    end
end

$("#modal-open").html("<%= escape_javascript(render 'add_to_album_modal') %>");
$("#modal-open").HERE SHOULD BE A METHOD TO OPEN THE MODAL, BUT SINCE ITS CSS3-ONLY I DON'T KNOW HOW TO TRIGGER IT.

$("#modal-1").trigger("click");

$("#modal").prop("checked", true);