JQuery Mobile无法识别嵌套在span标记中的列表项

我目前正在尝试将JQuery Mobile集成到一个基于XML的web程序中（Logi Analytics面向任何关心它的人）。问题是，当我试图用JQuery-Mobile包装他们的报告时，由于程序force-wrapps HTML元素被包装在span标记中，所以报告被破坏了

示例

我将输入的代码如下所示：

<ul data-role="listview">
  <li>Cool list item!</li>
</ul>

<span>
  <ul data-role="listview">
    <span>
      <li>Cool list item!</li>
    </span>
  </ul>
</span>

$('ul > span > li').unwrap();

很酷的列表项

但输出的代码如下所示：

<ul data-role="listview">
  <li>Cool list item!</li>
</ul>

<span>
  <ul data-role="listview">
    <span>
      <li>Cool list item!</li>
    </span>
  </ul>
</span>

$('ul > span > li').unwrap();

很酷的列表项

这样就打破了jquerymobile最终会放在相关列表项上的类。是否有人知道一种解决方法，可以强制JQM将子列表项作为跨度或其他元素的目标？

您可以尝试使用li元素，如下所示：

<ul data-role="listview">
  <li>Cool list item!</li>
</ul>

<span>
  <ul data-role="listview">
    <span>
      <li>Cool list item!</li>
    </span>
  </ul>
</span>

$('ul > span > li').unwrap();

---

JQM中的跨距主要用于文本增强。我想这是有可能的。你太棒了。我已经在这个项目上努力工作了好几个星期了！非常感谢你！