Всем привет!
Не знаю точно ли туда пишу но надеюсь поможете.
в общем застрял на следующем
есть вот такой вот HTML
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <div class="tests1 " >
<div class="abc inline-select">
Выберите производителя<br>
{foreach $catalog->trademarks_mods as $t} Это цикл $catalog->trademarks_mods массив данных $t данные
<a data-trademarks_id="{$t->id}" class="fn_ajax_modification_prices_dop" >{$t->name}</a>
{/foreach}
</div>
<div class="inline-select color">
Выберите цвет<br>
{foreach $catalog->cs_mods as $c} Это цикл $catalog->cs_mods массив данных $c данные
<a data-color_solution_id="{$c->id}" class="fn_ajax_modification_prices_dop" style="width:30px;height:30px;" ><img src="{$c->image|resize:30:30:false:$config->resized_colorsolutions_dir}"></a>
{/foreach}
</div>
</div> |
|
необходимо следующее на фронт вылеваются данные список производителей и список цветов в виде картинок
вопервых первый элемент производителя сразу должен быть выделен то же и с первым цветом
после по нажатию скажем на производителя с предыдущего выделение должно сняться а на тот что кликнули олжно установиться
вот код js
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| $('.fn_ajax_modification_prices_dop').click( function() {
// $(document).on('click','.fn_ajax_modification_prices_dop',function(){
$(document).find(".abc").removeClass("tests");
$(this).toggleClass('tests');
var trademarks_id = $(this).data('trademarks_id');
var color_solution_id = $(this).data('color_solution_id');
console.log("trademarks_id "+trademarks_id+" color_solution_id "+color_solution_id);
// /* ajax запрос */
// $.ajax( {
// url: "client/ajax/select_modification.php",
// data: {
// modification_price: modification_price,
// amount: amount
// },
// dataType: 'json',
// success: function(data) {
// console.log("hi data");
// // $( '#basket_informer' ).html( data );
// }
// } );
}); |
|
сейчас выделение работает js присваивает элементу на который кликнули класс tests но не снимает этот класс у предыдущего элемента (
Добавлено через 48 минут
Всем спасибо (покрайней мере тем кто просмотрел тему )
сам решил!
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| $('.trademarks').children().first().toggleClass('selected');
$('.color').children().first().toggleClass('selected');
/* Аяксовая запрос модификации */
$('.fn_ajax_modification_prices_dop').click( function(e) {
e.preventDefault();
var selected = $(this).find(".modification_price").children( ':selected' );
$('.trademarks').children().removeClass('selected');
$(this).toggleClass('selected');
var trademarks_id = $(this).data('trademarks_id');
var color_solution_id = $('.color').find('.selected').data('color_solution_id');
console.log("trademarks_id "+trademarks_id+" color_solution_id "+color_solution_id);
// /* ajax запрос */
// $.ajax( {
// url: "client/ajax/select_modification.php",
// data: {
// modification_price: modification_price,
// amount: amount
// },
// dataType: 'json',
// success: function(data) {
// console.log("hi data");
// // $( '#basket_informer' ).html( data );
// }
// } );
}); |
|
(
