$("#homepage-items-sort").sortable({ placeholder: "sort-placeholder col-md-3 col-xs-12 clearfix", forcePlaceholderSize: true, start: function( e, ui ){ ui.item.data( "start-pos", ui.item.index()+1 ); }, change: function( e, ui ){ var seq, startPos = ui.item.data( "start-pos" ), $index, correction; correction = startPos <= ui.placeholder.index() ? 0 : 1; ui.item.parent().find( "div.sort-homepage").each( function( idx, el ){ var $this = $( el ), $index = $this.index(); if ( ( $index+1 >= startPos && correction === 0) || ($index+1 <= startPos && correction === 1 ) ){ $index = $index + correction; $this.find( ".ordinal-position").text( $index); link = $this.find( ".ordinal-position" ).attr("data-link"); $("#homepage-values [name="+link+"]").val($index); $("#homepage-values [name="+link+"]").attr("data-changed", "true"); } }); seq = ui.item.parent().find( "div.sort-placeholder.col-md-3").index() + correction; ui.item.find( ".ordinal-position" ).text( seq ); newlink = ui.item.find( ".ordinal-position" ).attr("data-link"); $("#homepage-values [name="+newlink+"]").val(seq); $("#homepage-values [name="+newlink+"]").attr("data-changed", "true"); $("#submitHomepageOrder-save").removeClass("hidden"); } });

Homepage Order

' . buildHomepageSettings() . '

'; }