Foundation 5 / Reveal-modal-Fehler / Uncaught TypeError: Cannot read property 'css' undefined

Ich bin mit Foundation 5 für meine web-Anwendung. Wenn ich jetzt versuche zu nennen, ein modal, erhalte ich JS-Fehler:

Uncaught TypeError: Cannot read property 'css' of undefined "**

in der Konsole. Ich bin nicht in der Lage ist, um jede mögliche Lösung für diese auch im foundation-blog/support.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, height=device-height"> 
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" href="css/foundation.min.css" />
    <link rel="stylesheet" href="css/swiper.css">
    <script src="js/modernizr.js"></script>
    <title>Test code</title>
</head>
<body> 
      <a href="#" data-reveal-id="myModal" data-reveal>Click Me For A Modal</a>

        <div id="firstModal" class="reveal-modal" data-reveal>
      <h2>Awesome. I have it.</h2>
      <p class="lead">Your couch.  It is mine.</p>
      <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
      <a class="close-reveal-modal">&#215;</a>
    </div>

    <script type="text/javascript" src="js/index.js"></script>
    <script src="js/jquery.js"></script>  
    <script src="js/foundation.min.js"></script> 

     <script>
      $(document).foundation();
      /*Fix for Sticky footer and List to Be displayed properly in Sidebar*/          
      $(function() {
        var timer;
        $(window).resize(function() {
            clearTimeout(timer);
            timer = setTimeout(function() {
                $('.inner-wrap').css("min-height", $(window).height() + "px" );
            }, 40);
        }).resize();
      });
    </script>
    <!-- Modal -->

</body>
</html>
InformationsquelleAutor Kirthi35 | 2014-04-17
  1. 8

    Das problem mit diesem Beispiel ist, dass Ihre data-reveal-id="myModal" - Attribut nicht mit der reveal-modal-id="firstModal" - Attribut. Sobald diese übereinstimmen, sollten Sie nicht mehr zu sehen, dieser Fehler.

    Auch, Ihren Anker-tag muss nicht die data-reveal-Attribut, nur das modale selbst braucht.

    @BobbySales: Andere Dinge können dazu führen, diese zu... wie, wenn Sie falsch Ihr data-reveal - Attribut. Wenn die data-reveal-Attribut fehlt oder das data-reveal-id nicht mit der id des modal, dann ist diese zu brechen. Wenn Sie öffnen Ihre modalen javascript und Sie diese Fehlermeldung erhalten, stellen Sie sicher, dass Sie don ' T haben einen Tippfehler in Ihrem data-reveal-Attribut. Eine andere Sache, die verursachen kann, ist, wenn die $(document).Stiftung() Aufruf geschieht, bevor das modal wird auf der Seite angezeigt.

    Hoffe, das hilft.

    • danke @jphase. in meinem Fall problem war id miss match
    InformationsquelleAutor jphase
  2. 1

    Sie können auch diese Fehlermeldung angezeigt, wenn Sie Ihre Ziel-div fehlt die data-reveal Attribut.

    InformationsquelleAutor ghostfly
Schreibe einen Kommentar