JQuery Mobile Rendering元素层次结构
本文关键字:层次结构 元素 Rendering Mobile JQuery | 更新日期: 2023-09-27 18:26:07
我有一个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的演示网站进行比较。它在我看来是一样的,但它不起作用。。。那么我错过了什么吗?通常是什么原因导致本例中显示的重复性?
谢谢。
将data-role="none"
添加到不想渲染为按钮的元素中。然后比较你的输出,看看你是否仍然得到额外的渲染。很可能您有一个打开的标记,或者正在多次刷新列表视图。