带Rails的JQuery选项卡:替换选项卡内容

带Rails的JQuery选项卡:替换选项卡内容,jquery,ruby-on-rails,tabs,Jquery,Ruby On Rails,Tabs,我有一个标签,里面有一个页面。一切都很好。然后用户单击一个按钮。我希望这样做的输出显示在选项卡中。目前,它将用户完全从选项卡视图中移除 下面是.html.erb文件中的html选项卡: <div id="tabs"> <ul> <li><a href="urls">Manage URLs</a></li> ...other tabs... </ul> <div id="url

我有一个标签,里面有一个页面。一切都很好。然后用户单击一个按钮。我希望这样做的输出显示在选项卡中。目前,它将用户完全从选项卡视图中移除

下面是.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>
我知道javascript不起作用,我从来没有想到它会起作用。我需要知道的是如何构建该函数,以便将“URL/new”输出加载到选项卡,而不是重定向到不带选项卡的新视图

任何帮助都将不胜感激

使用以下命令:

function someJavascript() {
  $('#tabs').load('urls/new')
}
它将在选项卡中加载您的页面“URL/新建”

使用以下方法:

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

它将在选项卡中加载您的页面“URL/new”

之所以这样做,是因为这是一个html请求,它刷新页面,导致选项卡消失


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

之所以这样做,是因为这是一个html请求,它刷新页面,导致选项卡消失


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

好东西…您知道如何将此行为简单地作为任何服务的默认行为吗?选项卡是一个选项卡,您将在其中加载页面“URL/new”,并且您有输入,其中有event onclick,函数在onclick事件上执行。很好的东西…你知道一种方法让这种行为成为任何服务的默认行为吗?选项卡是一个选项卡,你将在其中加载页面“url/new”,你有输入,其中有event onclick,函数在onclick事件上执行。
function someJavascript() {
  $('#tabs').load('urls/new')
}