显示 <ul> 标签的内容答案

【问题标题】：Display the content of <ul> tag显示 <ul> 标签的内容
【发布时间】：2015-12-06 15:21:36
【问题描述】：

为什么这个 html 脚本不能正常工作？我可以在浏览器中看到 h1 标签的内容，但是我看不到 ul 标签的内容。

<!DOCTYPE html>
<html>
    <head>
        <title>Miletracker</title>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css"/>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
    </head>
    <body>
        <div data-role="page" id="home">
            <div data-role="header" data-theme="b">
                <h1>Miletracker</h1>
            </div>
        </div>
        <div data-role="navbar">
            <ul>
                <li><a href="#home" data-transition="none" data-icon="home">Home</a></li>
                <li><a href="#add" data-transition="none" data-icon="plus">Add Run</a></li>
            </ul>
        </div>
    </body>
</html>

我找到了。

<div data-role="page" id="home">
   <div data-role="header" data-theme="b">
       <h1>Miletracker</h1>
   </div>
   <div data-role="navbar" >
       <ul>
          <li><a href="#home" data-transition="none" data-icon="home">Home</a></li>
          <li><a href="#add" data-transition="none" data-icon="plus">Add Run</a></li>
        </ul>
   </div>            
</div>

非常感谢

【问题讨论】：

jsfiddle.net/6gzqdrk9 我认为一切正常...请检查 jsfiddle

标签： jquery html css jquery-mobile

【解决方案1】：

navbar 在 #home 后面。 #home 有 position: absolute 并且它覆盖了页面的其余部分。

只需将position: relative; 添加到navbar

【讨论】：

或者您可以将导航栏添加到#home :)

【解决方案2】：

根据jquery ul标签

$('#result').append(
$('#thelist').find('li').filter(function() {
    return $(this).find('ul').length === 0;
}).map(function(i, e) {
    return $(this).text();
}).get().join('<br/>')

);

演示在这里enter link description here和

This link may helpful for you

【讨论】：