- Jquery multielements cal
WT форуми -> HTML / Javascript / CSS -> Jquery multielements cal
Създайте нова тема Напишете отговор 
Автор Съобщение
novakabg
Турист
Турист

Регистриран на: 13/05/2016 2:29 pm

Support: 5
Bonus: 10
Мнения: 308
Мнение 20/07/2018 2:32 pm     Jquery multielements cal Отговорете с цитат


Здравейте, имам нужда от помощ за един код.

Проблема е следният скъпи приятели: Искам да пресмятам цената на всички но за сега успявам да пресметна цената само на едната пица.

Иска ми се като избера салам на едната пица автоматично да се наложи на останалите пици и да пресметни, успях да наложа размер но явно нещо бъркам с цената или не знам как да го направя.
Благодаря предварително! Smile

Линк: http://jsfiddle.net/djfgxzn4/2/
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 158
Bonus: 315
Мнения: 1472
Мнение 20/07/2018 4:20 pm      Отговорете с цитат


Вместо да се мъчиш със синхронизацията на сто различни селекта (защото едва ли ще имаш само 2 пици), изнеси един селект най-отгоре и махни останалите.
При неговия onchange event ще изцикляш всички пици, и ще прилагаш промените.

+ по-удобно ще е и за теб, и за нас, ако скриптът в jsfiddle го сложиш в определената секция. Като го отворих и видях, че няма нищо в JS полето, направо се впечатлих как си го направил без js Wink
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
deam0n
Tourist Defender

Регистриран на: 01/10/2005 6:33 pm

Support: 199
Bonus: 951
Мнения: 2975
Мнение 20/07/2018 4:23 pm      Отговорете с цитат


Направо ми става лошо като видя това jQuery Smile Smile

Ето ти пример как можеш да направиш подобно нещо с по-малко код, по-красив код и vueJS Smile

http://jsfiddle.net/bvypo824/8/

Ето и малко разяснения Smile

Зареждаме vueJS, декларираме нов vue instance и го закачаме към html-a с клас vue-container на главния див.

Имаме масиви с обекти pizzas и dobavki.. Имаме обект izbrana_dobavka..

Листаме съответните данни използвайки директивата v-for.

Чрез v-model мапваме стойността на избрания option към обекта izbrana_dobavka.

Чрез v-bind:value задаваме каква стойност да имат option-ите. Съответно в нашия пример ако избереш някой option той приема стойността на някой от обектите в dobavki.

Използвал съм и v-on:click, за да ресетнем izbrana_dobavka до default стойностт-а ако потребител иска да премахне добавката.

И накрая имаме смятаме цената за всяка пица Smile Ако използваш float, трябва parseFloat.

{{ parseInt(pizza.price) + parseInt(izbrana_dobavka.price) }} лв.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
novakabg
Турист
Турист

Регистриран на: 13/05/2016 2:29 pm

Support: 5
Bonus: 10
Мнения: 308
Мнение 20/07/2018 4:42 pm      Отговорете с цитат


Vuejs е уникален и аз лично бих ползвал дори backbone или reactjs скъпи приятели.

Но на мен ми трябва jquery Sad

Идеята е че човек ще избера опция и всички продукти ще зареждат автоматично където се предлага тази опция чрез $cookie и цената на дадена пица ще се калкулира спрямо пицата от избора на опцията.

Ето примера поправен: http://jsfiddle.net/djfgxzn4/10/


Проблема е че успявам но браузера пада защото jquery явно не е измислено или аз просто нямам достатачно знания за него и дава maximum заявки и спира :х като с vue и backbone нямам проблем но няма как.

Благодаря за бързият отговор, мислех че няма да пише никой, нали малко замря форума :Х
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
deam0n
Tourist Defender

Регистриран на: 01/10/2005 6:33 pm

Support: 199
Bonus: 951
Мнения: 2975
Мнение 20/07/2018 5:21 pm      Отговорете с цитат


novakabg написа:
като с vue и backbone нямам проблем но няма как.


Само не разбирам защо няма как ?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
novakabg
Турист
Турист

Регистриран на: 13/05/2016 2:29 pm

Support: 5
Bonus: 10
Мнения: 308
Мнение 21/07/2018 12:18 am      Отговорете с цитат


Целият сайт е набухан с jquery плъгини братле и ако добавя и vue ще стане мазало, тоест сайта е оптимизиран но зарежда за 13 сек и ако добавя и vue ще станат едни дълги и широки. Аз ми се искаше под backbone нали по-точно и бързо и там няма проблем с тези мулти елементи. Smile
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети