jQuery UI Sortable Event -


<section id="sectionnow" class="jumbotron"> <div class="wholedashboard">     <div class="row2">         <div class="sortable contacts">             <div class="col-sm-6 text-left"> <h2>my contacts <a href="contact" class="addcontact"> add contact </a> </h2> <div class="contactcontent"><p id="hello"></p></div> </div>             <div class="col-sm-6 text-right"> <h2>documents</h2><div class="contactcontent"><p id="hello"></p></div> </div>         </div>     </div>     <div class="row2">         <div class="sortable bills">             <div class="col-sm-12"> <h2>bills</h2><div class="contactcontent"><p id="hello"></p></div></div>         </div>     </div>     <div class="row2">         <div class="sortable bottomthree">             <div class="col-sm-4 text-left"> <h2>notes <a href="#" class="addcontact"> update notes </a> </h2><div class="contactcontent"><p id="hello"></p></div> </div>             <div class="col-sm-4 text-center"> <h2>clients</h2><div class="contactcontent"><p id="hello"></p></div></div>             <div class="col-sm-4 text-right"><h2>key dates <a href="#" class="addcontacts"> new key date </a> </h2><div class="contactcontent"><p id="hello"></p></div></div>         </div>     </div> </div> </section> <script> $(document).ready(function () {     $('.sortable').sortable({ connectwith: '.sortable' }); }); 

so have made dashboard website in work , want make each div separately sortable. have managed , them swapping position side side, not know how div swap positions div's below, or above them on page.


Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -