javascript - 更改 css 相同的 ListView

Question

我有一个带有 ListView 的应用程序 (jQuery mobile 1.4.3)，我正在使用 AJAX 动态加载列表。我正在使用相同的 ListView 来加载 2 种不同类型的 ajax 数据，我需要的是删除/更改 css，以便在单击/加载按钮 2222 时按钮和左侧空间会消失。

jsfiddle:JSFIDDLE (CLICK the button 2222 to show list)

一些示例代码:

function func1111() {
    var $menuList = $("#suggestions-list");

    $menuList.empty();

    var listItem = document.createElement("li");
    var divForButtons = document.createElement("div");
    var anchor = document.createElement("a");
    var buttonAdd = document.createElement("a");
    var buttonDelete = document.createElement("a");
    var header1 = document.createElement("h1");
    var header = document.createElement("h3");
    var paragraph = document.createElement("p");

    anchor.setAttribute("href", "");
    anchor.setAttribute("data-id", "hey");

    header.textContent = "something";
    header1.textContent = "hello";
    paragraph.textContent = "10" + "€";

    buttonAdd.setAttribute("href", "#");
    buttonAdd.setAttribute("id", "btnUserSugAdd");
    buttonAdd.setAttribute("data-id", "1");
    buttonAdd.setAttribute("class", "ui-btn ui-icon-plus ui-btn-icon-notext ui-corner-all");

    buttonDelete.setAttribute("href", "#");
    buttonDelete.setAttribute("id", "btnUserSugDel");
    buttonDelete.setAttribute("data-id", "2");
    buttonDelete.setAttribute("class", "ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all");

    divForButtons.setAttribute("class", "editBtns");
    divForButtons.appendChild(buttonAdd);
    divForButtons.appendChild(buttonDelete);

    anchor.appendChild(header);
    anchor.appendChild(header1);
    anchor.appendChild(paragraph);

    listItem.appendChild(anchor);
    listItem.appendChild(divForButtons);

    $menuList.append(listItem);


    $menuList.listview('refresh');

}

我希望我的问题不会太困惑，提前致谢。

Answer 1

在一个函数中将类 has-editBtns 添加到 UL，在另一个函数中将其删除:

function func1111() {
    var $menuList = $("#suggestions-list");
    $menuList.empty().addClass('has-editBtns');
    ...

function func2222() {
    var $menuList = $("#suggestions-list");
    $menuList.empty().removeClass('has-editBtns');
    ...

Updated FIDDLE