新しいバージョン(新しい問題ではありません...)
だから、私はとで「ループ」の問題が発生しまし.click();
た.html();
。
XMLデータの取得:OK
function afficher(NomPizz, Prix1, Prix2, Prix3) {//HERE IS MY CODE//});
それらを画面に印刷します:OK
$('#pricecontainer').show(); //Display my container and put values in with .html();
$('#prix1').html('SOLO 1P<p id="p1" style="line-height:10px;">' + Prix1.toFixed(2) + '</p>');
$('#prix2').html('MAXI 2P<p id="p2" style="line-height:10px;">' + Prix2.toFixed(2) + '</p>');
$('#prix3').html('SUPER 4P<p id="p3" style="line-height:10px;">' + Prix3.toFixed(2) + '</p>');
クリックすると他のdivに値を追加します:OKですがNOT
Everithingは動作します...一度!さらにクリックすると、値「クローン」自体が表示されます。
したがって、1回クリックすると、1つのアイテムが追加されます。
私が得た:1 OK
2回クリックします。
私は3つ、前の1つとさらに2つを手に入れました!
3回クリックします。
私は6を手に入れました、前の3つとTHRE MORE!
など...など...
私はこのコードを私の見つけfunction afficher();
た唯一の解決策に入れました...悪いものです!
$("clickedItemId").click(function() {
var Figure = $(this).find('p').html();
totalArea.value += '+' + Figure;
var Screen = totalArea.value.replace(/'/g, ' ');
var result = eval(Screen);
totalArea.value = result;
var $newItem = "<span style='float:left'>1 " + NomPizz.toUpperCase() + "</span><span style='float:right'>" + Figure + "</span><br/>";
$('<div><div>').html($newItem).appendTo(RecapTick);
Display2.value = "TOTAL (EUR): " + totalArea.value;
$('#pricecontainer').hide();
});
したがって、私のコード全体は次のfunction afficher();
ようになります。
function afficher(NomPizz, Prix1, Prix2, Prix3) {
var totalArea = document.getElementById('totalArea');
var Display2 = document.getElementById('Display2');
var RecapTick = document.getElementById('MidTiTx');
$('#pricecontainer').show();
$('#prix1').html('SOLO 1P<p id="p1" style="line-height:10px;">' + Prix1.toFixed(2) + '</p>');
$('#prix2').html('MAXI 2P<p id="p2" style="line-height:10px;">' + Prix2.toFixed(2) + '</p>');
$('#prix3').html('SUPER 4P<p id="p3" style="line-height:10px;">' + Prix3.toFixed(2) + '</p>');
//BUG HERRERRERERERERER
$("clickedItemId").click(function() {
var Figure = $(this).find('p').html();
totalArea.value += '+' + Figure;
var Screen = totalArea.value.replace(/'/g, ' ');
var result = eval(Screen);
totalArea.value = result;
var $newItem = "<span style='float:left'>1 " + NomPizz.toUpperCase() + "</span><span style='float:right'>" + Figure + "</span><br/>";
$('<div><div>').html($newItem).appendTo(RecapTick);
Display2.value = "TOTAL (EUR): " + totalArea.value;
$('#pricecontainer').hide();
});
};
PS I LIVE HERE THE OLD VERSION OF THE POST(他のコードと同じpb):
だから、私の問題は次のとおりです。
[ライブデモ][1]
編集: [ダウンロードソース] [2]
これは、xmlファイルから製品のリストを取得する単純なカートです。この部分は機能します!
クリックすると下のリストに商品が追加されますが、同じ商品を繰り返しクリックすると合計が追加されます…ここで行き詰まります!
62行目を変更しようとしました:
tot = parseInt(jQuery(this).find('.prow').html());
に:
tot = parseInt(jQuery(this).find('.prow').html()+1);
しかし、機能していません...問題は私が使用していることだと思います。 。クリック(); onclick=""メソッドを使用??? または、「 var」の使用が悪いためかもしれません。
誰かが私を教えてください!
これが私のjsCodeです:
function calculate(){ var tot = 0; jQuery(".totprice").each(function(e,b){ tot += parseInt(jQuery(this).text()); }); return jQuery("#amt").html("$"+tot); } function showprod(){ jQuery(".prod").each(function(e){ jQuery(this).delay(500*e).fadeIn('fast'); }); } function clearcart(){ jQuery("#clear").live('click',function(){ jQuery(".tetew").fadeIn(4000,function(){ jQuery(this).remove(); calculate(); }); }); } function delete_ajax(){ jQuery(".del").live('click',function(e){ var a = jQuery(this); var p = a.parent().parent().parent().parent().parent(); if(p){ p.fadeOut('slow',function(){ jQuery(this).remove(); calculate(); }); } }); } function addtocart(){ jQuery(".addtocart").click(function(e){ var getprod = jQuery(this).attr("prodid"); var getval = jQuery(this).attr("prodval"); jQuery("#msg").fadeIn('slow'); jQuery.ajax({ type:'GET', url:'db.xml', dataType:'xml', success: function(xml){ jQuery(xml).find('databases').each(function(){ jQuery(this).find('prod').each(function(e){ var db_id = jQuery(this).attr('id'); jQuery("#msg").fadeOut('slow'); if(getprod == db_id){ var cookies = 1; jQuery(".tetew").each(function(){ var _this = jQuery(this); var _store = _this.find('.pstore'); var ident = _this.find('.pqty'); if(getprod == ident.text()){ var tot = parseInt(jQuery(this).find('.prow').html()); //Put a +1 here won't work... jQuery(this).find('.prow').html(tot); var restot = parseInt(jQuery(this).find('.prow').text()) * parseInt(jQuery(this).find('.price').text()); jQuery(this).find('.totprice').html(restot); cookies = 0; return false; }else{ cookies = 1; } }); if(cookies == 1){ var results = "<div class='tetew'>"; results +="<table>"; results +="<tr>"; results +="<td class='pqty' style='display:none' valign='top'>" + jQuery(this).attr("id") + "</td>"; results +="<td class='img' valign='top'><img src='" + jQuery(this).attr('img') + "' width='40' height='40' /></td>"; results +="<td class='pstore' valign='top'>" + jQuery(this).text() + "</td>"; results +="<td class='prow' valign='top'>1</td>"; results +="<td class='price' valign='top'>" + jQuery(this).attr('price') + "</td>"; results +="<td class='totprice' valign='top'>" + jQuery(this).attr('price') + "</td>"; results +="<td valign='top'><a href='javascript:void(0)' class='del'>Delete</a></td>"; results +="</tr>"; results +="</table>"; results +="</div>"; } jQuery(".tetew:eq("+e+")").hide().fadeIn('fast'); jQuery("#addto").append(results); calculate(); return false; } }); }); } }); }); } function loadXMLdb() { $.ajax({ type: "GET", url: "db.xml", dataType: "xml", success: function(xml) { $(xml).find('prod').each(function() { var _Nom = jQuery(this).text(); var Col1 = jQuery(this).attr('id'); var Col2 = jQuery(this).attr('price'); var Col3 = $(this).find('grand').text(); $('<div class="prod" style="display:block;" onclick="addtocart();"></div>').html(_Nom + '<br /><img
src = "images / pizza.png"> Ajouter
')。appendTo( "。vprod");}); } }); } jQuery(document).ready(function(){ showprod(); clearcart(); addtocart(); delete_ajax(); loadXMLdb(); });
[1]: http: //bzez.0fees.net/examples/jCart/ [2]: http: //bzez.0fees.net/examples/jCart/jCart.zip