Передача динамических значений в плагин jQuery - PullRequest
0 голосов
/ 30 апреля 2018

Плагин 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 (включая код плагина).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...