Плагин jQuery ищет какое-то значение для установки:
$('.toClone_example88888').metalClone({
position:'after',
btnClone : '.btn_toClone_example88888'
});
Проблема заключается в именах классов для клонируемого элемента, и соответствующая кнопка будет поступать из базы данных, поэтому значения должны быть динамическими.
Я пробовал это, и хотя оно не работало, оно также не вызывало ошибок консоли. Чего мне не хватает или это вообще возможно сделать?
Я нашел этот вопрос SO и считаю, что он имеет те же основные компоненты ( Отправка динамической переменной в jquery ), но применение тех же концепций не сработало с моей реализацией.
$('.cloneBtn').on('click', function(){
var getDestinationOfWhereClonedCopyShouldGo = $(this).data("destinationclone");
$('#' + getDestinationOfWhereClonedCopyShouldGo).metalClone({
position:'after',
btnClone : '.cloneBtn'
});
});
Я тоже пробовал это, но то же самое, не работало, но также не было сообщения об ошибке:
var cloneThis = function(){
$('.cloneBtn').on('click', function(){
var getDestinationOfWhereClonedCopyShouldGo = $(this).data("destinationclone");
putCloneHere(getDestinationOfWhereClonedCopyShouldGo);
});
}
var putCloneHere = function(element){
$('#' + element).metalClone({
position:'after',
btnClone : '.cloneBtn'
});
}
Дополнительный HTML по запросу:
<div id="firstOne">
<input type="text">
<select id="m">
<option value="">--Please Select</option>
<option value="Hello">Hello</option>
</select>
</div>
<div class="container_body">
<input type="button" class="cloneBtn" value="Create New Copy" data-destinationclone="firstOne">
</div>
<div id="secondOne">
<input type="text">
<select id="m">
<option value="">--Please Select</option>
<option value="Hello">Hello</option>
</select>
</div>
<div class="container_body">
<input type="button" class="cloneBtn" value="Create New Copy" data-destinationclone="secondOne">
</div>
Вот jsfiddle (включая код плагина).