如何在jQuery中編寫以下代碼的點擊事件？

-1

enter image description here

var prodName = ["Phlips camera","HP keyboard","iPad","iPhone","Dell Mouse","shirts","books","samsung mobiles","samsung TV", "Phlips TV"," HP Mouse","iPad Charger","iPhone Charger","Dell Keyboard"," T shirts"," Ebooks"]; 

    var cartVal = []; 

    //add to cart 
    $('#addcart').live("click",function() 
    { 
     alert(prodName[id]+" Item Added"); 
     cartVal[item_count] = id; 
     //alert("Item Count :::::" + item_count + " Selected Id:::: " + id); 
     item_count++; 
    }); 


    //create a list to display the selected product in the cart. 

    for(var l=0 ;l< cartVal.length; l++) 
    { 
     //alert(" name ::::"+ prodName[cartVal[l]]); 
     var listItem = document.createElement('li'); 
     listItem.setAttribute('id','listitem_'+ l); 
     listItem.setAttribute('data-icon','false'); 
     listItem.setAttribute('data-theme','c'); 

     listItem.innerHTML = "<a href='#' data-role='button' data-theme ='c' id='" + cartVal[l] + "' rel='external' data-inline='true' style='margin-left:1em;'> <font size='2'>"+ prodName[cartVal[l]] + "</font><span id='viewPage' class='ui-li-count'>View</span></a> <a href='#' id='delete' data-role='button' data-rel='dialog' data-transition='slideup'> Purchase album</a>"; 
      parent.appendChild(listItem); 
    }

這裏我想寫兩個錨標記<a>兩個click事件..如果我點擊查看或產品名稱，它顯示的細節，然後我點擊刪除圖標，它會刪除產品list..for例如：購物清單中有5個項目我想刪除兩個或三個產品？

來源

2011-04-20 selladurai

什麼是實際問題？去做就對了..？（順便說一句，它是拼寫「飛利浦」，和「錨」） – 2011-04-20 10:15:33

我覺得在philips沒有問題。寫錨點標籤的點擊事件？ – selladurai 2011-04-20 10:22:20

@Durai - 飛利浦拼寫錯誤，在「h」後肯定需要「i」。整理代碼時，我修復了「錨點」拼寫錯誤。 – scunliffe 2011-04-20 10:40:58

U可以在ID的定位標記的onclick添加的功能刪除

<a href='#' id='delete' **onclick=removeCurrentItem(event)** data-role='button' data-rel='dialog' data-transition='slideup'> Purchase album</a> 

function removeCurrentItem(event){ 
var tar_ele; 
if ($.browser.msie) { 
// IE takes SRCELEMENT for event source. 
// may the force shred IE. 
tar_ele = $(e.srcElement); 
} else { 
tar_ele = $(e.target); 
} 
// remove the current Li tag 
tar_ele.parent().find('li').remove(); 
}

similiarly用於View跨度ü可以有下面的代碼

<a href='#' data-role='button' data-theme ='c' id='" + cartVal[l] + "' rel='external' data-inline='true' style='margin-left:1em;'> <font size='2'>"+ prodName[cartVal[l]] + "</font><span id='viewPage' class='ui-li-count' **onclick=showDetails(event)**>View</span></a>

其中showDetails功能將顯示產品的細節。前者爲。

function showDetails (event){ 
    var tar_ele; 
    if ($.browser.msie) { 
    // IE takes SRCELEMENT for event source. 
    // may the force shred IE. 
    tar_ele = $(e.srcElement); 
    } else { 
    tar_ele = $(e.target); 
    } 
    // remove the current Li tag 
    var id = tar_ele.parent('a').attr("id"); 
    // NOW do the requisiste display using the ID. 
    }

來源

2011-04-20 10:22:45

如何在jQuery中編寫以下代碼的點擊事件？

回答

相關問題