0

我有一个列表，我想通过数组表从中输入数据，但我不知道如何。这是代码和我的尝试：

HTML：

<body>

  <div class="top-menu style4"style="margin-top:300px;">
    <ul class="top-menu-main">
      <li>
    <ul class="top-submenu">
      <li><a  class="up_items"style="padding-top:5px;">SEMINARS</a></li>
      <li><a  class="up_items"style="padding-top:5px;">STATUTES</a></li>
      <li><a  class="up_items"style="padding-top:5px;">R&Eacute;SUM&Eacute;</a></li>
      <li><a  class="up_items"style="padding-top:5px;">ADR & PPCs</a></li>
      <li><a class="up_items"style="padding-top:5px;">PREPARATIONS</a></li>
      <li><a  class="up_items"style="padding-top:5px;">MUSINGS</a></li>
      <li><a  class="up_items"style="padding-top:5px;">GLOSSARY</a></li>
      <li><a class="up_items"style="padding-top:5px;">AWARDS</a></li>
    </ul>
        <a style="width:100px;text-align:center;text-align:center;font-family:arial;font-size:0.7em;font-weight:bold;border-top:none;">START</a>
      </li>

    </ul>
  </div>
</body>

我试图用这个脚本做一些事情，但我得到的是一个简单的列表，没有任何幻灯片、css 元素等等，我包含在我的代码中..

JS：

<script type="text/javascript">
function makeMenu() {
  var items = ['Start','Trident','Internet Explorer 4.0','Win 95+','5','5'];
  var str = '<ul><li>';
      str += items.join('</li><li>');
      str += '</li></ul>';
  document.getElementById('jMenu0').innerHTML = str;
}
window.onload = function() { makeMenu(); }


  $(document).ready(function(){
    $("#jMenu").jMenu();
  })
</script>
4

2 回答 2

1

您的代码中有一些错误。

使用相同的 jQuery 就绪函数来加载菜单。使用 .class 选择器或 #id 选择菜单。不要包含两倍的 UL 标签。

这是您的代码工作：

function makeMenu() {
  var items = ['Start','Trident','Internet Explorer 4.0','Win 95+','5','5'];
  var str = '<li>';
      str += items.join('</li><li>');
      str += '</li>';
      $('.top-menu-main').html(str);
}


  $(document).ready(function(){
    makeMenu();
    $(".top-menu-main").menu();
  });

你可以在这里查看：

http://jsbin.com/irasof/1/edit

于 2013-06-02T10:00:53.337 回答
1

您尚未将 an 分配id给您的无序列表。

通话

$("#jMenu").jMenu();

期望找到一个 id 的元素jMenu。

尝试在您的 js 函数中添加该 ID

var str = '<ul id\"jMenu\"><li>';

看看那个插件的文档

和线

document.getElementById('jMenu0').innerHTML = str;

尝试将生成的 HTML 添加到具有 id 的元素内jMenu0。您显示的 HTML 代码不包含这样的元素。你需要先添加它，也许这样就足够了

<div id="jMenu0" />
于 2013-06-02T10:01:05.510 回答