2014-09-02 1 views
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'); 

} 

, 사전에 감사합니다. 하나의 함수에서

답변

1

다른에서 클래스 UL 인증을 보유하고-editBtns를 추가 제거 :

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

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

FIDDLE

업데이트
관련 문제