从子域重定向到主域导航栏下拉菜单答案

【问题标题】：Redirect from subdomain to main domain navbar dropdown从子域重定向到主域导航栏下拉菜单
【发布时间】：2016-03-02 04:39:23
【问题描述】：

我在这里Redirect to a div on a different page with smooth scrolling? 找到了类似的解决方案，但尝试应用于我的项目但不起作用。

所以回顾一下 - 我正在使用 Bootstrap Navbar 和 ScrollTop 平滑滚动并且在主页上工作正常。（例如 - example.com、example.com/#dropdown1）。问题是当我转到子域（例如-example.com/user）然后单击下拉导航栏菜单选项时，它只是将“#dropdown1”应用于子域的末尾（例如-example.com/user/# dropdown1) 并且不重定向。

我可以将href 更改为/#dropdown1，但平滑滚动不再起作用。无论是在主域还是子域，它都会跳转到 div。下面的相关代码 - 请帮助。

我在某处阅读以尝试数据目标，因此它在这里但不起作用。

Application.html.erb

...
<div class="collapse navbar-collapse" id="bb-nav">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sellers <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#home" data-target="home">Home</a></li>
            <li><a href="#dd1" data-target="dd1">dd1</a></li>
            <li><a href="#dd2" data-target="dd2">dd2</a></li>
            <li><a href="#dd3" data-target="dd3">dd3/a></li>

          </ul>
        </li><!--/.dropdown-->
</ul>
</div> 
...       
<script type="text/javascript">
          var $root = $('html, body');
            $('.navbar-nav a').click(function() {
                var href = $.attr(this, 'href');
                $root.animate({
                    scrollTop: $(href).offset().top
                }, 500, function () {
                    window.location.hash = href;
                });
                return false;
            });
        </script>

【问题讨论】：

标签： ruby-on-rails-4 navbar

【解决方案1】：

这篇文章帮助我得到了答案。 Rails 4 / Bootstrap 3: how to display a different navigation bar on different pages?

我为子域页面创建了一个具有备用导航栏的部分，然后执行以下操作：

布局/应用：

<body>
    <% if content_for?(:navbar) %>
        <%= yield(:navbar) %>
    <% else %>
       # code for default navbar
    <% end %>
</body>

然后在我所有的子域页面视图中：

查看：

 <% content_for :navbar do %>
      <%= render '_navbar_partial_name' %>
 <% end %>

备用导航栏我刚刚制作了一个指向主页的按钮，当它登陆主页时，它会自动将该按钮转换为常规滚动下拉菜单。

【讨论】：