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
Post a Comment