JQM (jQueryMobile) Динамическое удаление элементов - PullRequest
Новая
       21

JQM (jQueryMobile) Динамическое удаление элементов

1 голос
/ 22 марта 2011

Это часть 2 из этот вопрос (хорошо, может быть, часть 3)

Вот рабочий пример: http://jsfiddle.net/UcrD8/63/ Вот более ранняя попытка, и, как вы можете видеть, это работает при выборе первой опции: http://jsfiddle.net/UcrD8/4/ Но используя JQM, он использует это как метку для опций, и его нельзя выбрать

Функциональность для добавления новой опции выбора работает, но если я хочу удалить выбранную опцию, это не работает.

UPDATE:

Я заметил, что элемент 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>

Это тоже нужно удалить

Ответы [ 4 ]

1 голос
/ 17 ноября 2011

Ну, так как jQM был обновлен несколько раз, я смог заставить это работать

0 голосов
/ 18 июня 2014 
<!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>
0 голосов
/ 09 ноября 2011

Когда мне нужно удалить / скрыть элемент, я обычно оборачиваю элемент в элемент div и затем скрываю элемент div.Я не знаю, насколько это поможет в этой ситуации.

0 голосов
/ 23 марта 2011

Я видел много проблем с динамическими частями.

Например, если я создаю элементы страницы после загрузки страницы через $ .mobile.changePage (), которые должны быть jquery-mobilied-ified (data-role и все такое), они не становятся jquery-mobile И еще нет способа «снова проанализировать мою страницу, jquery». Я зарегистрировал ошибку как таковую в мобильной команде jquery, но посмотрим, когда они обойдут ее. Могу просто сделать это сам.

...