JQuery移动渲染元素层次结构

我有一个MVC 3网站。我创建了一个导航栏，如下所示：JQuery移动渲染元素层次结构

<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的的演示现场。它看起来和我一样，但它不起作用......所以我错过了什么？通常会导致此示例中显示的重复性？

谢谢。

来源

2012-02-29 Brian Mains

我怀疑这会有帮助，但过去我在使用MVC和自闭标签（例如'img'标签）方面遇到了很多麻烦。这是一个延伸，但可能值得一试。 – 2012-02-29 21:22:56

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

来源

2012-02-29 21:54:44 imaginethepoet

JQuery移动渲染元素层次结构

回答

相关问题