Question

我正在尝试实施Stashy弹出窗口（http://stashy.azurewebsites.net/flyout/javascript），作为一个jquery新手，我错过了一些东西。这是我非常简单的页面。我只是想让它工作，然后我将在WP安装上实现。我可能错过了一些非常基本的东西......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="js/Stashy.min.js"></script>
  <script src="js/jquery.hammer.min.js"></script>
  <link rel="stylesheet" href="css/Stashy.min.css" type="text/css" media="screen" />
 </head>

 <body>

 <div class="st-flyout">
    <div class="st-flyout-container">
        <div class="st-flyout-menu">
            ... Menu content ...
        </div>
        <div class="st-flyout-main">
            ... Content ...
            <a href="#" class="st-flyout-toggle"></a>
            ... Place the toggle button wherever you want ...
            ... More content ...
        </div>
    </div>
</div>

<div class="right">
    <h1>Fly out test</h1>
    <img src="cool-cat.jpg" />
</div>

        <script>
            $(function() {
                var flyout1 = Stashy.Flyout(".st-flyout", { slideType : "push", enableTouch : true }).layout();             
            });
        </script>

 </body>
 </html>

麻烦实施Stashy弹出窗口

0 个答案: