Question

在与Jquery Mobile合作时，我遇到了一个奇怪的问题。 Jquery Mobile基于数据角色等为每个元素添加了一些默认类和css。当我创建新元素时，普通的css应用于所有新生成的元素，而不是Jquery Mobile？

HTML

    <ul data-role="listview" > 
        <li><a href="#">sada</a></li> 
        <li><a href="#">sada</a></li> 
        <li><a href="#">sada</a></li> 
    </ul>
    <a href="#" data-role="button" class="hello" >Add</a>

SCRIPT

$('.hello').click(function(){
      $('ul').append('<li><a href="#">sada</a></li> ');
})

在这里查看JsFiddle http://jsfiddle.net/sahil20grover1988/zZMXQ/2/。单击按钮将在 LIST 中创建新的 Li 元素如何将JQuery Mobile功能应用于元素

Answer 1

您需要重新加载jquery移动列表样式

附加元素后

试试这个：

$("ul").listview("refresh");

Answer 2

您需要使用jQuery live函数为新添加的元素绑定新操作

$('a').live('click',function(){
     //do something
})

您可以像这样刷新列表以使列表视图正确， http://jsfiddle.net/zZMXQ/13/

$("ul").listview("refresh");

如何将Jquery Mobile效果添加到动态添加的元素？

2 个答案: