Question

我想通过响应式菜单更改我在网页中的css菜单，但我无法使其正常工作。菜单是由另一个文件创建并作为变量应用，但不会运行。在当前菜单中，我有一个带有id菜单的div，而在这个div我有，我试图识别变量在哪里去把数据文件menu.php

<html >
<head>
  <meta charset="UTF-8">
  <title>CSS3 animated & responsive dropdown menu</title>
  <link rel="stylesheet" type="text/css" href="css/menu.css">

  <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

</head>
    <body>
      <nav class="animenu"> 
      <button class="animenu__toggle">
        <span class="animenu__toggle__bar"></span>
        <span class="animenu__toggle__bar"></span>
        <span class="animenu__toggle__bar"></span>
      </button>
      <ul class="animenu__nav" id="menu">>

      </ul>
    </nav>

        <script src="js/index.js"></script>
        <iframe name="principale" src="film.php" marginheight="50" height="800" width="100%" allowfullscreen = "true" ></iframe>
    <script>
            $(document).ready(function() {
                var menuRequest = $.ajax({
                    url: '/sito/menu.php'
                });

                menuRequest.done(function(data, status, xhr) {
                    var dynamicMenuWrapper = $('#menu');
                    dynamicMenuWrapper.html(data);
                });
            });

        </script>
    </body>

带有变量的CSS菜单

0 个答案: