jquery - Rails 中的 Fancybox 表单无法正常工作

Question

我知道我是 Rails 的新手，但这已经是我要浪费的第二天了。有人可以帮我找出我做错了什么吗？

我希望我的用户从主页注册。单击“注册”按钮，会出现一个奇特的框，框内有两个选项卡，因为他们可以在两种不同的注册形式之间进行选择。一切都设置正确，因为出现了 fancybox，但里面有一条错误消息。

在主页中:

<ul class='nav pull-right'>
   <%= render 'devise/menu/registration_items' %>
</ul>

在registration_items中:

<% if society_signed_in? %>
  <li>
    <%= link_to('Edit registration', edit_society_registration_path) %>
  </li>
<% else %>
  <li>
    <%= link_to('Register', regist_setup_path)  %>
  </li>
<% end %>

然后在设置中:

<div class="fancybox">
  <h2>Sign up</h2>

  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#society">Society</a></li>
    <li><a data-toggle="tab" href="#collaborator">Collaborator</a></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="society">  
      <%= render :partial => 'societies/form' %>  
    </div>
    <div class="tab-pane" id="collaborator">Collaborator
      <%= render :partial => 'collaborators/form' %>
    </div>
  </div>
</div>

两个 render :partial 只是正确显示表单。
然后在 application.js 中的 Jquery//= require blablabla.js

$(document).ready(function() {
  $(".fancybox").fancybox();
});

我尝试在我的应用程序 Controller 中设置 @society = Society.new 和 @collaborator = Collaborator.new 但它仍然不起作用

编辑:
发生的情况是，我单击注册按钮，出现设置页面，当我单击每个选项卡时，会出现一个框:
无法加载请求的内容。请稍后再试。错误信息

Answer 1

我不认为这与 Rails 相关——Fancybox 和其他类似的 javascript 插件附加到链接元素，这样当单击它们时，它将根据链接的 href 加载内容。

你的jquery调用应该是(在窗口加载中)

$(document).ready(function() {
  $("a.fancybox").fancybox();
});

所以我想你会想要这个:

<%= link_to('Register', "#popup-signup", :class=>"fancybox")  %>

然后弹出窗口中的内容:

<div id="#popup-signup">
  <h2>Sign up</h2>
  ..more stuff here