{"id":85766,"date":"2025-07-16T01:15:43","date_gmt":"2025-07-16T01:15:43","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/16\/jquery-dual-list\/"},"modified":"2025-07-16T01:16:50","modified_gmt":"2025-07-16T01:16:50","slug":"jquery-dual-list","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/07\/16\/jquery-dual-list\/","title":{"rendered":"jQuery Dual List"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $7<\/a><\/p>\n

<\/p>\n

Its a drop-in trendy substitute for the usual <choose><\/code> with a number of<\/code> attribute activated, which creates an interface of two lists aspect by aspect.<\/p>\n

The zip file accommodates dualList.css<\/strong> file inside css folder, and dualList.js<\/strong> and dualList.min.js<\/strong> (minified model) inside js folder, that are prepared to make use of.<\/p>\n

Putting in jQuery Twin Checklist is fairly straight ahead. Merely embody the each the jQuery<\/strong>, jQuery Twin Checklist<\/strong> and CSS library file e.g. jQuery dualList.js<\/strong> and dualList.css<\/strong> like this: <\/p>\n

<hyperlink rel=\"stylesheet\" href=\"dualList.css\" kind=\"textual content\/css\" media=\"display\" \/>\n\n<script kind=\"textual content\/javascript\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.10.2\/jquery.min.js\"><\/script>\n<script kind=\"textual content\/javascript\" src=\"dualList.js\"><\/script><\/code><\/pre>\n<\/p>\n
\nYou possibly can simply apply jQuery Twin Checklist<\/strong> on a typical <choose><\/code> with a number of<\/code> attribute activated like this – <\/p>\n
$('#dual-list').dualList();<\/code><\/pre>\n
RELEASE NOTES<\/h2>\n
\nModel 2.0.0 - June 7, 2021\n- [Feature] Added filter\n- [Feature] Added clickable group\n- [Changes] HTML stucture, CSS types and Javascript choices keys modified\n<\/pre>\n
\n