اضافه کردن div های ایجاد شده با JQuery به یک Container

[aroshanzamir]

سلام دوستان .. وقت بخیر
این تصویر را ببینید :
127805


من یک div که داری جزئیاتی مثل اونی که دورش خط کشیدم باشد را در چی کوئری در یک متغیر ذخیره کردم و هر وقت بر روی دکمه create کلیک می کنم میره یک تابع اجرا می کنه و تعداد 10 تا از این div ها را به صفحه اضافه می کنه ... تا الان مشکلی وجود نداره

من می خواهم وقتی که داره div راه صفحه اضافه می کنه با افکت fadeIn و fadeOut باشد : هر کاری می کنم نمیشه ؟
هر کاری می کنم افکت روی کل div ها انجام میشه من می خواهم به ازای هر divی که داره به صفحه اضافه میشه برای اون div این دو افکت رخ بدهد ...

این هم کدم :


var mainthumb = "<div class=\"col-xs-6 col-sm-4 col-md-3 document\"><div class=\"thmb\"><div class=\"announceCompany\"><label class=\"text-muted\">CBT Lynda Company</label></div>"
+ "<div class=\"thmb-prev\"><img src=\"~/Content/Images/Product/sliderImage.jpg\" class=\"img-responsive center-block\" />"
+ "</div><div class=\"announceCompany_div_title\"><small class=\"text-muted\">Added: Jan 03, 2014</small></div>"
+ "<div class=\"announceCompany_direct\"> <a class=\"pull-left\" href=\"#\">Right</a><a class=\"pull-right\" href=\"#\">Left</a>"
+ "<span class=\"clearfix\"></span></div></div></div>";






jQuery("#create").click(function () {
for (var i = 0; i < 10; i++) {
$(mainthumb).appendTo("#document_company").fadeOut(600, function () {
$(this).fadeIn(600)
});
}
});





با تشکر از همه شما ها

[ABZiko]

این آدرس جواب سوالتون رو داده :
http://stackoverflow.com/questions/4687579/append-an-element-with-fade-in-effect-jquery

[aroshanzamir]

سپاس از تو ABZiKo.. بینهایت سپاسگزارم /

[ABZiko]

خواهش می کنم دوست عزیز، وظیفه ست .:لبخندساده:

[aroshanzamir]

سلام :یه چیز دیگه :
div ها با افکت ظاهر می شوند ولی به صورت کلی :یعنی همگی با هم ظاهر می شوند/// چکار کنیم که تک به تک با افکت اضافه شوند ؟
ممنون

[ABZiko]

باید به هر کدوم زمانی خاص بدین ولی اینکه با توجه به حلقه این کار انجام بشه، نمی دونم :
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadein

[aroshanzamir]

باید به هر کدوم زمانی خاص بدین ولی اینکه با توجه به حلقه این کار انجام بشه، نمی دونم :
http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_fadein

آره . چون تو حلقه for قرار داره میاد اول کل div ها را append می کنه بعد fadeIn می کنه ...اومدم تو حلقه از SetTimeOut هم استفاده کردم ولی باز هم نشد..ممنونم دوست خوبم

[ABZiko]

می تونید به صورت رندوم یک متغیر رو که دارای زمان های مختلف هست رو در قسمت سرعت fadeIn استفاده کنید !

[aroshanzamir]

می تونید به صورت رندوم یک متغیر رو که دارای زمان های مختلف هست رو در قسمت سرعت fadeIn استفاده کنید !


مساله اینه که با این کار مثلا اولین بار div اول ظاهر میشه وبار دوم بجای اینکه div دوم ظاهر بشه میره مثلا div پنجم را نمایش میده ...نکته ای که وجود داره باید به ترتیب نمایش داده بشه و

فکر کنم باز هم فرقی نکند چون اول میاد کل div ها را append می کنه بعدش نمایش میده ...

[aroshanzamir]

سلامی دوباره دوستان :

کسی راه حلی برای این کار داره ؟
ممنون

[aroshanzamir]

سلام دمتون گرم همکاری کنید : راهکار

ممنون از همه شما ها ..

[aroshanzamir]

سلام دوستان :
کسی راهکاری نداره برای اینکار :
چطور می تونم div ها را یکی یکی اضافه کنم ؟

ممنون