Question

我有一个标签，里面有一个页面。一切都是好的。然后用户单击一个按钮。我希望这样做的输出显示在选项卡中。目前，它完全取消了用户关闭标签视图。

这是.html.erb文件中的标签html：

<div id="tabs">
  <ul>

    <li><a href="urls">Manage URLs</a></li>
    ...other tabs...
  </ul>

  <div id="urls-tab">
    <p>
    </p>
  </div>
  ...other tabs...
</div>

我在表单上有一个新按钮：

<%= form_tag('urls/someaction_not_new', :method => :post, :id = "top-form") do %>
  ...content...
  <input type="button" id="New" value="New" onclick="someJavascript()">

<% end %>

最后，javascript：

$("#tabs").tabs();

function someJavascript() {
  document.location = "urls/new"
}

我知道javascript不起作用，我从来没有想到它。我需要知道的是如何构建该函数，以便将“urls / new”输出加载到选项卡，而不是通过选项卡重定向到新视图。

任何帮助都将深表感谢！

Answer 1

使用它：

function someJavascript() {
  $('#tabs').load('urls/new')
}

它会在#tabs

中加载您的页面'urls / new'

Answer 2

它之所以这样做，是因为它是一个html请求，它会刷新导致标签消失的页面。

看起来您应该在提交表单时触发AJAX请求。如果这样做，您可以在视图中呈现javascript响应，并在选项卡内正确呈现html。

使用Rails的JQuery选项卡：替换选项卡内容

2 个答案: