Question

这是this question的第2部分（好吧可能是第3部分）

以下是一个工作示例：http://jsfiddle.net/UcrD8/63/ 这是一个较早的尝试，因为您可以看到这在选择第一个选项时有效：http://jsfiddle.net/UcrD8/4/ 但是使用JQM时，它使用它作为选项的标签，而且不可选择

添加新选择选项的功能正在运行，但如果我想删除所选选项，则无效。

更新：

我注意到删除了select元素，但jQM添加的语法仍在显示：

<div class="ui-select">
    <div data-theme="c" class="ui-btn ui-btn-icon-right ui-btn-corner-all ui-shadow ui-btn-down-c ui-btn-up-c">
        <span class="ui-btn-inner ui-btn-corner-all">
            <span class="ui-btn-text">Remove Selected Option</span>
            <span class="ui-icon ui-icon-arrow-d ui-icon-shadow">
            </span>
        </span>
    </div>
</div>

还需要将其删除

Answer 1

因为jQM已经多次更新，所以我能够实现这个目标

http://jsfiddle.net/6fFLb/7/

Answer 2

我已经看到了很多关于动态片段的问题。

例如，如果我在页面加载后通过$ .mobile.changePage（）创建页面元素，这应该是jquery-mobilied-ified（数据角色和所有这些），它们不会成为jquery-mobile -ified并且没有“再次解析我的页面，jquery”方法可以在任何地方找到。我已经使用jquery移动团队记录了一个错误，但我们会看到他们什么时候开始使用它。可能只是自己做。

Answer 3

当我必须删除/隐藏项目时，我通常将项目包装在div中，然后隐藏div。我不知道在这种情况下会有多大帮助。

Answer 4

<!DOCTYPE html> 
<html> 
<head> 
  <meta name=viewport content="user-scalable=no,width=device-width" />
  <link rel=stylesheet href=jquery.mobile/jquery.mobile.css />
  <script src=jquery.js></script>
  <script src=jquery.mobile/jquery.mobile.js></script>
</head> 

<body> 

<div data-role=page id=home>
  <div data-role=header>
    <h1>Home</h1>
  </div>

  <div data-role=content>
    <p> Window content </p>  
    <ul data-role=listview data-inset=true>
      <li data-icon=delete> <a href=#>Element 1 </a></li>
      <li data-icon=delete> <a href=#>Element 2 </a></li>
      <li data-icon=delete> <a href=#>Element 3 </a></li>
      <li data-icon=delete> <a href=#>Element 4 </a></li>
      <li data-icon=delete> <a href=#>Element 5 </a></li>
    </ul>
  </div>
</div>

</body>
</html>

<script>

$("li .ui-icon").bind ("click", function (event)
{
  $(this).closest ("li").remove ();
});

</script>

JQM（jQueryMobile）动态删除元素

4 个答案: