Расположение кнопок (Добавить с одним набором полей, включить кнопку отключения, если их несколько)

Question

Расположение кнопок (Добавить с одним набором полей, включить кнопку отключения, если их несколько)

0

Мне нужно убедиться, что добавлена только кнопка "плюс", чтобы добавить дублирующее поле, если оно есть только одно, но добавьте кнопку удаления после создания дубликата, у меня есть идея, как это сделать, назначив числовое значение для каждого повторяющегося поля созданный, но я не могу заставить его работать, любые советы или указания в правильном направлении были бы замечательными.

Ниже приведен код в этот момент, который будет реплицировать поле, заданное после нажатия кнопки:

       $('body').on("click ", '.glyphicon-plus-sign', function() {
        console.log("here ");
        prevInput = $(this);
        count = $(prevInput).attr('data-count=')||0;
        countIncremented = count++;
        br = '<br/><br/>';                  
        $($(this).parent()).clone().insertAfter($(this).parent());

Я знаю, что мне нужно назначить значение для каждого поля, заданного таким образом:

newNum  = new Number(num + 1),      
        newElem = $('#entry' + num).clone().attr('id', 'entry' + newNum);

Но не могу заставить его работать или реорганизовать его, чтобы заставить его работать для моего собственного приложения.

Ссылка JSFiddle: ссылка Fiddle

Studento919 12 май 2014, в 09:59

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

JoshSGman · Accepted Answer · 2014-05-12T05-23-00.000Z

Вы всегда можете использовать оператор if:

if ($('legend').length < n) { // n being whatever your base number of legends should be
 $('.glyphicon-minus-sign').css({ visibility: 'hidden'});
} else {
 $('.glyphicon-minus-sign').css({ visibility: 'visible'})
}

Помните, что селекторы jQuery возвращают массив элементов, соответствующих селектору.

Это блестяще, это должна быть отдельная функция, так же, как обрабатывается функция наведения, или? Глупый глупый вопрос, который я знаю.
Я бы установил его как скрытый для начала в вашем css, а затем поместил бы этот оператор if в ваше событие click. Надеюсь, это поможет!