Я использую ul (ID = nodeList) и добавляю несколько кнопок разделения - список элементов по ссылке sh. Моя цель состоит в том, чтобы, когда я нажимал на кнопку, отдельное окно закрывалось. Я пробовал некоторые решения, которые могли бы работать с обычным классом: складной стиль (голова, абзац и т. Д. c), но не с разделенными кнопками. Некоторые темы, которые я нашел, основаны на разборном, аккордеонном, slideToggle, но не имеют прямого решения, которое мне подходит. В отдельном окне я бы хотел разместить также несколько текстовых кнопок. Спасибо за вашу помощь:)
Сплит-кнопку нужно свернуть
HTML
<div data-role="main" class="ui-content">
<form id="searchBox" class="ui-filterable" style="display:none">
<input id="filter" data-type="search" placeholder="Search nodes..">
</form>
<ul id="nodeList" data-role="listview" data-split-icon="gear" data-split-theme="a" data-inset="true" data-filter="true" data-input="#filter" data-theme="a" data-dividertheme="b"></ul>
JAVASCRIPT
function updateNode(node) {
var newLI = $('<li id="' + node._id + '"> '+
'<a node-id="' + node._id + '" href="#">'+
'<img class="productimg" src="images/'+getNodeIcon(node)+'"/>'+
'<h2>' + (nodeResolveString(node.label, node.metrics) || node._id) + ' ' + resolveRSSIImage(node) + ' ' + (lowBat ? '<img src="images/lowbattery.png" class="lowbattimg"/> ' : '') + (node.hidden ? ' <img class="listIcon20px" src="images/icon_hidden.png" />' : '') + '</h2>'+
'<p>' + (nodeResolveString(node.descr || "", node.metrics) || ' ') + '</p>' + (nodeValue ? '<span class="ui-li-count ui-li-count16">' + resolveIncomeImage(node) + ago(node.updated, 0).tag + '</span>' : '') +
'</a>'+
'<a node-id="' + node._id + '" href="#nodedetails" class="nodedetails"</a>'+
'</li>');
...
else $('#nodeList').append(newLI);
...
$('#allEventsList').listview().listview('refresh');
}
}
Большое спасибо