Question

我有一个MVC 3网站。我创建了一个如下所示的导航栏：

<div data-role="navbar">
    <ul>
        <li>
            <a href="#ProfileView" class="ui-btn-active">
                <img src='@Href("~/Content/img/Profile.png")' alt="Profile" />
            </a>
        </li>
       .
       .
    </ul>
</div>

为其中一个按钮呈现的内容是：

<a class="ui-btn-active ui-btn ui-btn-up-c" href="#ProfileView" data-theme="c">
  <span aria-hidden="true" class="ui-btn-inner">
    <span class="ui-btn-text">
       <span aria-hidden="true" class="ui-btn-inner">
          <span class="ui-btn-text">
             <span aria-hidden="true" class="ui-btn-inner">
                <span class="ui-btn-text">
                   <span aria-hidden="true" class="ui-btn-inner">
                       <span class="ui-btn-text">
                <img alt="Profile" src="Content/img/profile.png">
            </span>
                   </span>
                </span>
              </span>
           </span>
        </span>
     </span>
   </span>
</a>

我试图比较我和JQuery Mobile的演示网站。它对我来说看起来一样，但它不起作用......所以我错过了什么？通常会导致此示例中显示的重复性的原因是什么？

感谢。

Answer 1

将data-role="none"添加到您不想呈现为按钮的元素。然后比较你的输出，看看你是否仍然得到额外的渲染。很可能你有一个开放的标签，或者多次刷新列表视图。

JQuery移动渲染元素的层次结构

1 个答案: