Я попытался получить следующие демо работает, используя разборную набор вместо ListView и я не могу сделать так:JQuery Mobile, как включить разборный набор перетащить
http://forresst.github.io/2012/06/22/Make-a-list-jQuery-Mobile-sortable-by-drag-and-drop/
После разборный набор становится сортируемым, функция развала прерывается.
Я использую:
JQuery Mobile 1.4.5
JQuery 1.11.0
JQuery-UI 1.11.4
Кордова 6.3.0
И я m для тестирования на Android (SGS4)
HTML:
<script type="text/javascript" src="lib/jquery/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui/jquery-ui.touch-punch.min.js"></script>
<div data-role="page" id="test">
<div role="main" class="ui-content">
<div data-role="collapsibleset" data-theme="a" data-content-theme="a" class="sortable">
<div data-role="collapsible">
<h3>Section 1</h3>
<p>I'm the collapsible content for section 1</p>
</div>
<div data-role="collapsible">
<h3>Section 2</h3>
<p>I'm the collapsible content for section 2</p>
</div>
<div data-role="collapsible">
<h3>Section 3</h3>
<p>I'm the collapsible content for section 3</p>
</div>
</div>
</div><!-- /content -->
</div><!-- /test page -->
JavaScript:
$(document).on("pageshow","#test",function(){
$(".sortable").sortable();
$(".sortable").disableSelection();
/// Refresh list to the end of sort to have a correct display
$(".sortable").bind("sortstop", function(event, ui) {
$('.sortable').collapsibleset('refresh');
// $('.sortable').listview('refresh');
});
});
Благодарим вас за ответ Naresh, но это все еще не работает. Как только я импортирую скрипт touch-punch, сбрасываемые div больше не будут разваливаться и расширяться. Мне понравилось. Это проект кордовы, может быть, это влияет на него? – ModusPwnens
Я не проверял его в кордове, я проверил в браузере, и он отлично работает @ModusPwnens –
Вот почему страницы не работали для вас. Спасибо за вашу попытку. – ModusPwnens