第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使 jAutoCalc 在動(dòng)態(tài)添加的元素上工作

如何使 jAutoCalc 在動(dòng)態(tài)添加的元素上工作

小唯快跑啊 2022-06-09 11:15:23
讓我解釋一下我在做什么:我有一個(gè)訂單表,我可以在其中添加、刪除和編輯客戶的訂單。一切都適用于添加和刪除。但是當(dāng)涉及到編輯時(shí),我遇到了一些麻煩。我正在做的是從數(shù)據(jù)庫(kù)中提取數(shù)據(jù)(使用codeigniter)并將它們顯示到編輯模式,以便我可以在客戶愿意時(shí)編輯它們??蛻舻男畔ⅲQ,地址,狀態(tài)..等)加載正常,但是當(dāng)我用產(chǎn)品加載他的訂單并使用(jQuery,ajax)動(dòng)態(tài)添加它們時(shí),項(xiàng)目總字段(計(jì)算產(chǎn)品訂單的總和 * 它的使用 jAutoCalc 插件的單價(jià))似乎不起作用。當(dāng)我不動(dòng)態(tài)添加數(shù)據(jù)時(shí),該插件工作得很好。有沒有辦法解決這個(gè)問(wèn)題或添加一些可以使它工作的東西?這是我的代碼var thehtml = ''for(i=0; i<data[1].length; i++){    thehtml +=               '<tr class=cmd'+id+'>'+                 '<td>'+                    '<select name="products" id="productselect>"'+                        '<option data-price="39" value="1">Knife</option>'+                        '<option data-price="3" value=2">Bottle</option>'+                        '<option data-price="4" value="3">Pen</option>'+                    '</select>'+                 '</td>'+                 '<td><input type="text" name="qty" value="39"></td>'+                 '<td><input type="text" name="price" value="33"></td>'+                 '<td><input readonly type="text" jAutoCalc="{qty} * {price}"/>'+ /// THIS DOESNT WORK IT'S DYNAMICALLY ADDED !!!!                 '<button type="button" name="add" value="Add" class="tr_clone_remove  btn btn-danger">Remove</button>'+'</td>'+              '</tr>;';$(thehtml).insertAfter(itemselement); 請(qǐng)注意,所有工作都可以在非動(dòng)態(tài)添加的元素中找到。但是每當(dāng)我動(dòng)態(tài)添加這些表時(shí),都沒有任何效果!請(qǐng)幫我解決它!
查看完整描述

1 回答

?
藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

當(dāng)你在jAutoCalc初始化之后向 DOM 添加元素時(shí),插件不知道有新元素。您需要jAutoCalc對(duì)這些元素進(jìn)行初始化。

你可以簡(jiǎn)單地做這樣的事情

$(thehtml).jAutoCalc();

在您附加新行之后。

如果這不起作用,請(qǐng)嘗試

$('form').jAutoCalc();

這完全取決于您的 HTML 結(jié)構(gòu),但您只需要重新初始化它。


查看完整回答
反對(duì) 回復(fù) 2022-06-09
  • 1 回答
  • 0 關(guān)注
  • 97 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)