Ich habe diesen Fehler beim Klicken auf mein Dropdown-Menü in der oberen Leiste von zurb erhalten:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. 

Hier ist meine application.js:

//= require jquery
//= require jquery_ujs
//= require foundation
//= require_tree .

$(function(){ $(document).foundation(); });

Und aus meiner Sicht (schlanke Vorlage):

  nav class="top-bar"
    ul class="title-area"
      li class="name"
        h1
          a href="#" My Project
      li class="toggle-topbar menu-icon"
        a href="#" Menu
    section class="top-bar-section"
      ul class="left"
        li class="divider"
        li class="divider hide-for-small"
      ul class="right"
        li class="divider show-for-medium-and-up"
          - if current_user
            li class="has-dropdown"
              a href="#"
                = "Logged in as #{current_user.email}"
              ul class="dropdown"
                li
                  a href="#"
                    ' First link in dropdown
            li
              = link_to "Log Out", logout_path
          - else
            li
              = link_to t("layout.login"), login_path
            li
              = link_to t("layout.signup"), signup_path

Das Dropdown-Menü funktioniert nicht (es wird beim Klicken oder Bewegen des Mauszeigers nicht angezeigt)

1
sidney 7 Dez. 2013 im 22:18

3 Antworten

Beste Antwort

Das Dropdown-Menü scheint nicht zu funktionieren, da Sie das Attribut data-topbar für das nav-Element vergessen haben. Der Topbar-Javascript-Code wurde nie ausgeführt.

3
janfoeh 7 Dez. 2013 im 21:28

Sie müssen nacheinander jquery.js, Foundation.js und Foundation.topbar.js hinzufügen.

Beispiel:

top - <script src="<?php echo $resources;?>plugins/foundation/js/jquery.js"></script>
2nd file - foundation.js 
3rd file - foundation.topbar.js

Foundation.topbar.js NACH der Datei fundamental.js.

0
petiesbok 13 Dez. 2013 im 09:07

Dies ist kein Fehler, sondern ein jQuery-Problem, das auftritt, wenn verhindert wird, dass dem href-Attribut Ihres Ankers e.preventDefault () folgt.

-1
n1kkou 7 Dez. 2013 im 18:28