تغییر در ساختار کدهای جاوااسکریپت

[A-fshin 1936]

درود.

من برای پنل تنظیمات قالب homebuilder ساختم.یک تغییر رو نمی تونم در کد جاوااسکریپتش انجام بدم.اونم اینه فرض کنید : 5 باکس داریم که که از باکس 1 شروع می شه و تا باکس 5 تموم میشه.کاربر بر روی باکس 1 کلیک می کنه و اضافه می شه.حالا کاربر بر روی باکس 2 کلیک می کنه و اضافه می شه اما بعد باکس 1 اضافه نمی شه در بالای باکس 1 اضافه می شه در حالی که منطقی هست باکس ها پشت سر هم رو به پایین اضافه بشن.اما این پلاگین جی کوئری این مورد رو به بالا اضافه می کنه نمی دونم کجاش رو باید تغییر بدم.

بخشی از کدهای جاوااسکریپت مربوطه :

jQuery(document).ready(function(){

jQuery( "#pasargad_home_builder" ).sortable({
placeholder: "ui-builder-highlight",
handle: ".home-handle",
helper: function (event, ui) {
ui.find(".item-content").hide();
return ui;
},
start: function () {
jQuery( "#pasargad_home_builder" ).sortable( "refresh" );
},
stop: function (event, ui) {
jQuery(ui.item).find(".item-content").slideDown();
}
});

var catselect = jQuery("#cat_handler").html();
	function pasargad_adder() {
		var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
		var string_length = 9;
		var randomstring = 'a';
		for (var i=0; i<string_length; i++) {
			var rnum = Math.floor(Math.random() * chars.length);
			randomstring += chars.substring(rnum,rnum+1);
		}
		return randomstring;
	};


	jQuery('#add-box1').click(function () {
		jQuery('ul#pasargad_home_builder').prepend('<li style="display: none;" class="parent new-item"><div class="item-header"><a class="home-handle"></a><h4>باکس اول : ذخیره نشده !</h4><div class="item-options"><a class="expand-item">[باز کردن / بستن]</a></div><div class="clear"></div></div><div class="item-content" style="display: none;clear:both;"><div class="ps-item"><span class="label" >عنوان باکس</span><input name="pasargad_boxs[' + iBuilder + '][title]" id="" type="text" value="Box Category" /></div><div class="ps-item"><span class="label" >انتخاب موضوع</span><select name="pasargad_boxs[' + iBuilder + '][cat]">' + catselect + '</select></div><a class="delete delete-item gplab-button button-save red gplab-saves very-small">پاک کردن</a><input name="pasargad_boxs[' + iBuilder + '][type]" type="hidden" value="box1" /><input name="pasargad_boxs[' + iBuilder + '][guid]" type="hidden" value="' + pasargad_adder() + '" /><div class="clear"></div></div></li>');
		jQuery('ul#pasargad_home_builder').find('.new-item:last').slideDown("fast");
		jQuery('ul#pasargad_home_builder').find('.new-item:last').find('.item-content').slideDown("slow");
		jQuery('ul#pasargad_home_builder').find('.new-item:last').removeClass('new-item')
		iBuilder +=1;
	});

	jQuery('#add-box2').click(function () {
		jQuery('ul#pasargad_home_builder').prepend('<li style="display: none;" class="parent new-item"><div class="item-header"><a class="home-handle"></a><h4>باکس دوم : ذخیره نشده !</h4><div class="item-options"><a class="expand-item">[باز کردن / بستن]</a></div><div class="clear"></div></div><div class="item-content" style="display: none;clear:both;"><div class="ps-item"><span class="label" >عنوان باکس</span><input name="pasargad_boxs[' + iBuilder + '][title]" id="" type="text" value="Box Category" /></div><div class="ps-item"><span class="label" >انتخاب موضوع</span><select name="pasargad_boxs[' + iBuilder + '][cat]">' + catselect + '</select></div><a class="delete delete-item gplab-button button-save red gplab-saves very-small">پاک کردن</a><input name="pasargad_boxs[' + iBuilder + '][type]" type="hidden" value="box2" /><input name="pasargad_boxs[' + iBuilder + '][guid]" type="hidden" value="' + pasargad_adder() + '" /><div class="clear"></div></div></li>');
		jQuery('ul#pasargad_home_builder').find('.new-item:last').slideDown("fast");
		jQuery('ul#pasargad_home_builder').find('.new-item:last').find('.item-content').slideDown("slow");
		jQuery('ul#pasargad_home_builder').find('.new-item:last').removeClass('new-item')
		iBuilder +=1;
	});

ویرایش شده خرداد 93 توسط افشیــــــن