Question

这可能看起来像是一个小错误，但为什么符号＃是！打开和关闭模态后出现在我的网址中吗？

这是我的脚本标签中的内容。问题可能出在这里。

<script>
 $( document ).ready(function(){
  $(".button-collapse").sideNav({menuWidth: 320, activationWidth: 70, edge: 'right', closeOnClick: true});

  $('#modal2').modal();

  $('#modal1').modal();
 });

</script>

编辑：添加了模式链接，它是Rails搜索表单。 Modal2本质上是相同的，但是分辨率不同

<div id="modal1" class="modal hide-on-med-and-down">
 <div class="modal-content">
  <div class="center-align">
   <h4>Looking for something?</h4>
    <div class="search_form">
     <%= form_tag search_posts_path, method: :get, id: "post-lookup-form" do %>
     <div id="search_border" class="form-group">
      <%= text_field_tag :post, params[:post], placeholder: "  Search Posts", autofocus: true, id: "search_box" %>
     </div>
    <% end %>
   <div>
    <a id="cancel" href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
  </div>
  </div>
 </div>
</div>

这短暂地导致了我侧面导航上的悬停效果停止工作。我通过在css中手动输入悬停效果来解决此问题，但是我感到不好过，我确实并没有真正解决主要问题，而只是症状，这会在以后给我带来麻烦。

我目前正在为此项目使用Materialise的0.100.2版本。让我知道您是否需要更多信息或代码。

Answer 1

因为这行

<a id="cancel" href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>

将href更改为href=''的值，它将不再放置在url中。

模态打开后，出现在网址中的符号

1 个答案: