jQuery складная сплит-кнопка - PullRequest
0 голосов
/ 29 марта 2020

Я использую 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) || '&nbsp;') + '</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');
  }
}

Большое спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...