символы появляются в URL после открытия модального - PullRequest
Новая
       3

символы появляются в URL после открытия модального

0 голосов
/ 21 мая 2019

Это может показаться незначительным обманом, но почему символы #! появляется в моем URL после открытия и закрытия моих модалов?

Вот что в моих тегах сценария. Проблема, вероятно, заключается здесь. 

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

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

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

</script>

Редактировать: Добавлена ​​модальная ссылка, которая является формой поиска рельсов. 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, но у меня плохое предчувствие, что я действительно не решил основную проблему только симптомом и что это укусит меня позже в будущем.

В настоящее время я использую версию материализации 0.100.2 для этого проекта. Дайте мне знать, если вам нужна дополнительная информация или код.

1 Ответ

1 голос
/ 21 мая 2019

Именно из-за этой строки 

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

Измените значение href на href='', и оно больше не будет помещаться в URL.

...