通過使用jquery和JavaScript

Question

我有在通過點擊另一個裏所存在另一頁上除去鋰的問題點擊另一個立..和除去鋰的id除去鋰存在於localStorage的可變..

這裏有兩個div出現在同一頁面上。 第一李代碼是

<div data-role="page" id="wishListPage" data-add-back-btn="true"> 
      <div data-role="header" data-position="fixed"> 
       <header id="mainHeader" align="center"> 
        <a href="#"><img src="images/logoName.png" /> </a> 
       </header> 
      </div> 
      <div data-role="content" data-theme="a" id="wishProducts"> 
       <ul id="wishList" data-role="listview"></ul> 
      </div> 
    </div> 

立設置，其值是從DATABSE rs.rows.item(i).id

$("#wishList").append('<li id="'+rs.rows.item(i).id+'"><a href="index.html#removeProductDialogPage" data-role="button" data-rel="dialog" data-transition="slide" data-ajax="false" onClick=saveValuesInLocalStorage("'+rs.rows.item(i).id+'","'+rs.rows.item(i).productName+'","'+rs.rows.item(i).imageName+'","'+rs.rows.item(i).vendorImageName+'","'+rs.rows.item(i).fixedPrice+'","'+rs.rows.item(i).finalPrice+'","'+rs.rows.item(i).authorName+'","'+rs.rows.item(i).sharingUrl+'");>' + 
       '<img src='+rs.rows.item(i).imageName+' id="itemImage"/>'+ 
       '<span id="dataName"><h4>'+pName+'</h4></span>' + 
       '<p><span id="dataAuthorName">'+aName+'</span></p>' + 
       '<p><span id="itemRsPrice">Rs.&nbsp;&nbsp;</span><span id="itemStrikePrice"><strike>'+rs.rows.item(i).fixedPrice+'</strike></span>&nbsp;&nbsp;<span id="itemPrice">'+rs.rows.item(i).finalPrice+'</p></span>'+'<img src='+rs.rows.item(i).vendorImageName+' id="itemSite"/></a></li>'); 
     } 
     $("#wishList").listview("refresh"); 

這裏未來的心願是UL的id .. ，並存儲在localStorage的代碼的屬性..

function saveValuesInLocalStorage(productUrl, productName , productImageName , vendorImage , fixedPrice, finalPrice, authorName,sharingUrl){ 
    localStorage.sharingUrl = sharingUrl; 
    localStorage.productUrl = productUrl; 
    localStorage.productName = productName; 
    localStorage.imageName = productImageName; 
    localStorage.vendorImage = vendorImage; 
    localStorage.fixedPrice = fixedPrice; 
    localStorage.finalPrice = finalPrice; 
    localStorage.authorName = authorName; 
} 

現在我想刪除ID爲的那個li localStorage.productUrl

和對話頁面：

<div data-role="content" data-theme="a"> 
      <ul name="options" id="options" data-role="listview"> 
       <li> 
        <a href="#" data-theme="a" data-ajax="false" onClick=" removeInfoDatabase()"> 
         <p><span id="itemName"><h4>Remove from wish List</h4></span></p> 
        </a> 
       </li> 
       <li> 
        <a href="javascript:void(0);" data-theme="a" data-ajax="false" onclick="openWebLink()"> 
         <p><span id="itemName"><h4>Go to Store</h4></span></p> 
        </a> 
       </li> 
      </ul> 
</div> 

下面的代碼是顯示了PhoneGap的SQLite的代碼。 和removeInfoDatabase（）函數是..

function removeInfoDatabase(){ 
    db.transaction(removeElement, removeError, removeSuccess); 
} 

function removeError(err){ 
    console.log("Error processing SQL: "+err.code); 
    alert("couldn't remove from wish list"); 
} 
function removeSuccess(){ 
    var elem =document.getElementById(localStorage.productUrl); 
    elem.parentNode.removeChild(elem); 
// $("#"+localStorage.producturl).remove(); 
// var mm = $("#"+localStorage.producturl).html(); 
// alert(""+mm); 
    $("#wishList").listview("refresh"); 
    alert("item is removed successfully"); 
    history.back(); 
} 
function removeElement(tx){ 
    tx.executeSql('CREATE TABLE IF NOT EXISTS itemDetail (id unique, productName , imageName, vendorImageName , fixedPrice , finalPrice , authorName , sharingUrl)'); 
    tx.executeSql('DELETE from itemDetail where id="'+localStorage.productUrl+'"'); 
} 

現在我怎麼CAL刪除點擊刪除願望清單裏 請幫我之後心願列表裏..請 在此先感謝..

Answer 1

假設這兩個頁面在同一個站點上（因此它們共享相同的localStorage對象），最容易的選擇是在將刪除該元素的頁面上使用setTimeout()來輪詢本地存儲以查找ID的存在。

function pollStorage() { 
    var id = localStorage.id; 
    if (typeof id !== 'undefined') { 
     delete localStorage.id; 
     $(id).remove(); 
    } 
    setTimeout(pollStorage, 100); 
} 

pollStorage();