javascript - Why is my table being injected into the html multiple times with jQuery -



javascript - Why is my table being injected into the html multiple times with jQuery -

i'm using jquery dynamically homecoming list of products, render html , show on page, using $(selector).html(html).. i've noticed if add together products cart (which calls method render cart again, injecting html twice sometimes.

for example, below code renders menu:

html = " <table cellspacing=\"0\" width=\"270px\">\n"; html += " <tr>\n"; html += " <th>\n"; html += " <h1>\n"; html += " current order id: " + $("input[name=cart_id]").val() + "\n"; html += " </h1>\n"; html += " </th>\n"; html += " </tr>\n"; html += " <tr id=\"cart_products\">\n"; html += " </tr>\n"; homecoming $.ajax({ url: getajaxurl("cart/get_product"), data: args, type: 'get', global : false, success: function(data) { if ( data.success ) { //cart empty if ( data.data == "" ) { html += " <td>\n"; html += " cart empty!\n\n"; html += " </td>\n"; } else if ( ("data" in data) ) { html += " <td class=\"product\">\n\n"; html += " <table cellspacing=\"0\" width=\"100%\">\n\n"; html += " <tr>\n"; html += " <th>\n"; html += " product\n\n"; html += " </th>\n"; html += " <th>\n"; html += " qty\n\n"; html += " </th>\n"; html += " <th>\n"; html += " action\n\n"; html += " </th>\n"; html += " </tr>\n"; //loop on products in cart $.each(data.data, function(i, product){ if ( % 2 != 0 ) { row_class = " alt"; } else { row_class = ""; } if ( ! product.ok ) { row_class = " err"; } //check if error html += " <tr>\n"; html += " <td class=\"dsc" + row_class + "\">\n"; html += " <em>" + product.code + "</em><br />\n"; html += " " + product.description; if ( product.whqc != "" ) html += " <br />whqc: <strong>" + product.whqc + "</strong>\n"; else html += " \n"; html += " </td>\n"; html += " <td class=\"qty + " + row_class + "\">\n"; html += " <input id=\"qty_" + product.id + "\" name=\"qty\" type=\"text\" value=\"" + product.qty + "\" class=\"qty\" maxlength=\"5\" size=\"5\" />\n"; html += " </td>\n"; html += " <td align=\"center\" class=\"action" + row_class + "\">\n"; html += " <img style=\"cursor:pointer; cursor:hand\" data-product_id=\"" + product.id + "\" id=\"cart_product_update\" src=\"" + getimageurl() + "cart_product_update.png\" />\n"; html += " <img style=\"cursor:pointer; cursor:hand\" data-product_id=\"" + product.id + "\" id=\"cart_product_delete\" src=\"" + getimageurl() + "cart_product_delete.png\" />\n"; html += " </td>\n"; html += " </tr>\n"; }); html += " </table>\n"; html += " </td>\n"; } $("#cart_products").html(html); } else { alert("error"); } } });

starting @ line says html += "<td class=\"product\">\n\n"; pushed html twice.

any thought why , how stop it? thought using html method safe doesn't append- replaces, seems method stepping on own toes. know boolean values isloading = true, i'd avoid that.

you should initialize html variable properly:

var html = '';

javascript jquery html

Comments

Post a Comment

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* - i've inherited doc publishing process takes docbook , builds html , pdf output, using apache fop both. project had been started, never completed. lots of tweaking, i've able of doc sets build (20+), except handful, , fail severe code 1 of these 2 conditions: "fo:flow" missing kid elements. required content model: marker* "fo:block" not valid kid of "fo:root" the xml output comes out of docbook , docbook-fop checks out well-formed. the fop error in 1 book, "endecagloss", example, points end of string: <fo:flow flow-name="xsl-region-body" start-indent="4pc" end-indent="0pt"/> here’s log output in case: [java] severe: javax.xml.transform.transformerexception: file:/scratch/publishing/hudson/jobs/build-main-endeca-documentation/workspace/serverdoc/w...
Read more

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? - i want insert tables in infoboxes. example, have proteinbox i've developed using infobox template (http://health-and-medicine.wikia.com/wiki/template:proteinbox), , fasta field big fit comfortably in proteinbox. hence collapsible table within box. this tried: {{infobox | row 1 = {| class = "mw-collapsible mw-collapsed wikitable" |- | <!-- table content --> |} }} your problem is, putting nested table within template. pipe characters ( | ) in table syntax collides pipe usage in templates. the commonly used hack around create template called template:! , containing pipe character, , utilize when need set tables, parser functions or other stuff using pipe characters, within templates. table (with every | replaced {{!}} ): {{{!}} {{!}}- {{!}} a1 {{!}} b1 {{!}}- {{!}} a2 {{!}} b2 {{!}}} ...the equivalent of {| |- | a1 | b1 |- | a2 | b2 |} furthermore, hav...
Read more

Local Service User Logged into Windows -

Local Service User Logged into Windows - i created windows service tracks app server user connected through load balancer. it retrieves user logged windows on machine, cross references active directory (ad) business relationship homecoming first name, lastly name , e-mail (for notification through website created project) there 1 scheme on network users remote system, vista system, reason returning values "local service" logged machine, it's weird , security guys impossible "local service" business relationship logged windows. here how user logged windows managementscope ms = new managementscope("\\\\.\\root\\cimv2"); objectquery query = new objectquery("select * win32_computersystem"); managementobjectsearcher searcher = new managementobjectsearcher(ms, query); foreach (managementobject mo in searcher.get()) { _username = mo["username"].tostring(); } // remove domain part username string[] usernameparts = _...
Read more