Есть N количество форм заявок. Посетитель выбирает категорию и снизу посредством AJAX вытаскивается форма заявки. Форма заявки одна, отличается лишь текстовая часть в зависимости от категории, который выбрал пользователь.
Также в этой форме заявки есть два скрипта:
<script>
jQuery(function($) {
$('.my-checkbox').on('click change', function() {
var values = [];
$('.my-checkbox').filter(':checked').each(function() {
values.push(this.value);
});
$('#text-input').val(values.join(' | '));
});
});
</script>
<script>
jQuery(function($) {
$('.razmer_input').on('click change', function(){
var val = [];
$('.razmer_input').each(function(){
var v = $(this).val();
v2 = ' | Количество: ' + v + 'м3';
v2.length ? val.push( v2 ) : '';
});
var values = [];
$('.my_checkbox_product').filter(':checked').each(function() {
values.push(this.value);
});
var summa_mas = values.map(function(value, index){ return value + val[index]})
$('#summa_input').val(summa_mas.join(' ||||| '));
});
});
</script>
Которые должны собирать в один скрытый инпут все значение выбранных чекбоксов. И в другой значение всех текстовых инпутов.
Собственно сама проблема:
- Если форму вставить в сам файл (убрать AJAX), то скрипты работают корректно. Значения собираются.
- Но нужно получать по AJAX нужную форму. Пробовал скрипты вставлять в саму форму ( в файл, который вызывается через аякс) и в сам главный файл - скрипты не работают, не выдают ошибок в консоли.
Подскажите пожалуйста. В чем может быть дело и как быть?
P.S. код аякса
<script type="text/javascript">
(function($){
$(function(){
$(".click_ajax").click(function(){
$("#archive_pot")
.empty()
.html("<div style='text-align:center; padding:30px;'><img src='<?php bloginfo('template_url') ?>/images/ajax-loader.gif' /></div>");
var c = $(this).attr("title");
$.post(
"<?php bloginfo('template_url') ?>/js/archive_getter.php",
{
cat : c
},
function(data) {
$("#archive_pot").html(data);
}
);
return false;
});
});
})(jQuery)
</script>