Блог

Главная - Вопросы по программированию - Как мне написать событие click для приведенного ниже кода в jQuery?

Как мне написать событие click для приведенного ниже кода в jQuery?

#jquery #html

#jquery #HTML

Вопрос:

как мне написать событие click для приведенного ниже кода?

введите описание изображения здесь

     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> .. если я нажимаю просмотр или название продукта, отображаются подробные сведения, затем я нажимаю значок удаления, он удаляет продукт из списка .. например: в списке покупок есть 5 товаров, я хочу удалить два или три продукта?

Комментарии:

1. В чем собственно проблема? Просто сделай это ..? (Кстати, оно пишется как «Philips» и «anchor».)

2. Я думаю, что в philips проблем нет. написать событие щелчка для обоих привязочных тегов?

3. @Durai — Philips написано неправильно, ему определенно нужна буква «i» после «h». Ошибка в написании «привязки», которую я исправил при приведении в порядок кода.

Ответ №1:

Вы можете добавить следующую функцию в 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();
}

аналогично для диапазона просмотра у вас может быть следующий код 

 <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.
    }