Код:
<p class="hide">
<span class="selectFilter">
<select class="selectbox">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</span>
<input type="radio" name="browser"><label>Больше</label><input type="radio" name="browser"><label>Меньше</label>
<input type="number" class="styler">
<a href="#" class="del_file">Удалить</a>
</p>
<p class="hide">
<span class="selectFilter">
<select class="selectbox">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</span>
<input type="radio" name="browser"><label>Больше</label><input type="radio" name="browser"><label>Меньше</label>
<input type="number" class="styler">
<a href="#" class="del_file">Удалить</a>
</p>
<div class="adding"><a href="#" class="add_file">Добавить</a></div>
jQuery(document).ready(function($){
$('p.hide').hide();
$('a.add_file').on('click', function(e){
$('p.hide:not(:visible):first').show();
if(!$('p.hide:not(:visible)').length) {
$('a.add_file').hide( 10 );
}
e.preventDefault();
});
$('a.del_file').on('click', function(e){
var input_parent = $(this).parent();
var input_wrap = input_parent.find('span');
input_wrap.html(input_wrap.html());
input_parent.hide();
if($('a.add_file:not(:visible)').length) {
$('a.add_file').show();
}
e.preventDefault();
});
});
Все замечательно работает до подключения данного плагина:
https://github.com/Dimox/jQueryFormStyler
Объясняю проблему: Все блоки изначально скрыты, с помощью jQuery я открываю скрытые блоки по порядку... Выбираю любое значение из селекта(1, 2 или 3) - Все работает, после скрытия блока и повторного его открытия - селект уже не работает, я просто не могу выбрать(1, 2 или 3). Заметил, что при отключении данного плагина - все работает. Хотелось бы исправить данную проблему. Спасибо
