0
목록보기가있는 앱 (jQuery 모바일 1.4.3)이 있는데, 목록을 동적으로 AJAX로로드하고 있습니다. 동일한 목록보기를 사용하여 두 가지 유형의 아약스 데이터를로드합니다. 버튼을 클릭하거나로드 할 때 버튼과 왼쪽 공간이 사라지도록 CSS를 제거/변경하는 것이 필요합니다.css same listview를 변경하십시오.
jsfiddle : JSFIDDLE (CLICK the button 2222 to show list)
일부 샘플 코드 : 나는 내 질문에 너무 혼란 was't 희망
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');
}
, 사전에 감사합니다. 하나의 함수에서