jQuery Cloneya

A jquery plugin to clone DOM elements


Build Status Dependency Status devDependency Status

GitHub version Bower version npm version

Cloneya is a jQuery class useful for cloning DOM elements with their children. I wanted to be able to clone form inputs and groups of form inputs or fieldsets, or even whole forms. With time, I've hopefully made it very generic.

Installation

Bower

To install Cloneya using Bower, on the command line, run

bower install cloneya

Learn more about installing bower packages

NPM

To install Cloneya using npm, on the command line, run

npm install cloneya

Requirements

Cloneya must be invoked on a wrapper with the clonable items as children. It automatically recognizes this markup, by default (except the clone-wrapper) :

    <div class="clone-wrapper">
        <div class="toclone">
        ...
            <div class="clone">+</div>
            <div class="delete">-</div>
        </div>  
    </div>
    $('.clone-wrapper').cloneya();

Usage

View demo with examples

    $clonecontainer.cloneya({
            minimum         : 1,
            maximum         : 999,
            cloneThis       : '.toclone',
            valueClone      : false,
            dataClone       : false,
            deepClone       : false,
            cloneButton     : '.clone',
            deleteButton    : '.delete',
            clonePosition   : 'after',
            serializeID     : true,
            ignore              : 'label.error',
            preserveChildCount  : false
        });

Documentation

The detailed documentation has been moved over at the Wiki.

Support

  • If you can provide some technical insight into the issue and know what a bug is and what an enhancement is, please create an issue accordingly.

  • Please show us your complete code with jsfiddle or something similar, if you want us to be able to help you!

  • If you prefer Stackoverflow, tag your question with jquery-cloneya tag. (Please read how to ask. Your question could be closed, if not asked properly!)

Contributions

Please read how to contribute