将数组表中的数据输入到列表中答案

【问题标题】：Input data from table of arrays into list将数组表中的数据输入到列表中
【发布时间】：2013-06-02 09:45:55
【问题描述】：

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

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>

【问题讨论】：

标签： javascript html arrays list

【解决方案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

【讨论】：

谢谢，它有帮助，但 id，在我的情况下应该在 [code]
- > :)

【解决方案2】：

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

电话

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

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

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

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

看看那个plug-in的文档

还有那行

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

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

<div id="jMenu0" />

【讨论】：