Je suis à l'aide de jQuery DataTables plugin. Je voudrais déplacer la zone de recherche.dataTables_filter) et le nombre d'enregistrements à afficher déroulante (.dataTables_length) à partir de leur élément parent (.dataTables_wrapper) à un autre div sur ma page sans perdre enregistré comportement javascript. Par exemple, la zone de recherche a une fonction attachée à l' 'keyup' événement et je veux le garder intact.
Le DOM ressemble à ceci:
<body>
<div id="parent1">
<div class="dataTables_wrapper" id="table1_wrapper">
<div class="dataTables_length" id="table1_length">
<select size="1" name="table1_length">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<div class="dataTables_filter" id="table1_filter">
<input type="text" class="search">
</div>
<table id="table1">
...
</table>
</div>
</div>
<div id="parent2">
<ul>
<li><a href="#">Link A</a></li>
<li><a href="#">Link B</a></li>
<li><a href="#">Link C</a></li>
</ul>
</div>
</body>
C'est ce que j'aimerais que le DOM pour ressembler après le déménagement:
<body>
<div id="parent1">
<div class="dataTables_wrapper" id="table1_wrapper">
<table id="table1">
...
</table>
</div>
</div>
<div id="parent2">
<div class="dataTables_filter" id="table1_filter">
<input type="text" class="search">
</div>
<div class="dataTables_length" id="table1_length">
<select size="1" name="table1_length">
<option value="10">10</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<ul>
<li><a href="#">Link A</a></li>
<li><a href="#">Link B</a></li>
<li><a href="#">Link C</a></li>
</ul>
</div>
</body>
J'ai été à la recherche à la .append(), .appendTo(), .prepend() et .prependTo() fonctionne mais je n'ai pas eu de chance avec ces dans la pratique. J'ai aussi regardé le .parent() et .les parents() fonctionne, mais ne semble pas possible de coder une solution viable. J'ai également envisagé de remplacer le CSS de sorte que les éléments sont en position absolue - mais pour être franc, la page de configuration avec le fluide éléments de tous les cours, et j'ai vraiment envie que ces éléments soient flottait dans leurs nouveaux parents.
Tout, est très apprécié.
