Question

当我使用.click调用.remove（）函数时，导航栏和按钮会消失，但几秒后会重新出现。虽然从控制台运行remove（）函数会删除导航栏，但它不会重新出现。在我单击按钮调用删除后，网络选项卡显示发起人turbolinks.js？body = 1:59的200状态。

$('#slide_up_btn').click(function() {
      $('#dispatch_nav').remove();
      $(this).slideUp();
});

<%= link_to '<i class="fa fa-arrow-up"></i>'.html_safe, "#", class: "btn btn-mini", id: "slide_up_btn" %>

<div class="navbar navbar-fixed-top uv" id="dispatch_nav"> ... </div>

对此事业或解决方案的任何帮助将不胜感激！

Answer 1

尝试使用$('#dispatch_nav').hide();

Answer 2

$('#slide_up_btn').click(function(e) {
      e.preventDefault(); // prevent the default action
      $('#dispatch_nav').remove();
      $(this).slideUp();
});

这样做，因为#slide_up_btn是一个锚标记

调用.remove（）后导航栏重新出现

2 个答案: