【问题标题】:Creating list-view dynamically动态创建列表视图
【发布时间】:2025-12-27 23:05:11
【问题描述】:

我正在动态创建一个列表视图。我能够动态创建列表视图,但我什至想动态构建然后追加

HTML 代码

<ul id="menu" data-role="listview">
</ul>

jQuery 代码

$("#my_menu").append('<li><a class="button" href="#"><img src="menu.png" >'+ this.textContent + '  </a> </li>')

我的列表视图没有自动刷新?

【问题讨论】:

  • 还有……你有什么问题?
  • 你有什么错误吗?
  • $('#my_menu').listview('refresh');
  • 也许 jQuery 不喜欢你的 img 标签没有正确关闭? (应该是自动关闭&lt;img src="..." /&gt;
  • jQuery 代码什么时候运行?在什么情况下?

标签: javascript jquery jquery-mobile


【解决方案1】:

我认为你应该重命名类“按钮”,这可能会激怒 JQM,这是我的建议,我认为最后缺少分号。 IMG 的链接是否有效?你也可以试试 'images/my-button.png' ...

$('#my_menu').append(' <li><a href="#" class="zclass123"><img src="menu.png"> '
                       + this.textContent 
                       + ' </a></li> ');

$('#my_menu'').listview('refresh');

【讨论】: