نمایش المنتها بصورت Random توسط جی کوئری
#1
Note 
سلام
دیدم سوالاتی در مورد نمایش المنتهای  HTML بصورت تصادفی پرسیده میشه به همین علت در این پست راه حل جی کوئری رو گذاشتم.

این مشکل با استفاده از یک پلاگین بسیار ساده جی کوئری براحتی حل میشه

مثال
کد html:

کد:
<div class="all">
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
   <div>5</div>
</div>

کد جاوا اسکریپت:
کد:
(function (d) {
   d.fn.shuffle = function (c) {
       c = [];
       return this.each(function () {
           c.push(d(this).clone(true))
       }).each(function (a, b) {
           d(b).replaceWith(c[a = Math.floor(Math.random() * c.length)]);
           c.splice(a, 1)
       })
   };
   d.shuffle = function (a) {
       return d(a).shuffle()
   }
})(jQuery);

$(function () {
   $('.all > div').shuffle();
});

کد اصلی همون تکه کدی است که در اخر استفاده شده یعنی:
کد:
$('.all > div').shuffle();


دمو:

آخرین ویرایش: 31-12-2014 ساعت 11:50، توسط SOFTAFZAR
پاسخ
#2
سلام این کد چیکار میکنه؟ خیلی دیدم استفاده میکنن!

کد:
$(function () {
...

پاسخ
#3
(01-01-2015 ساعت 15:27)maJID maGIC نوشته است:  سلام این کد چیکار میکنه؟ خیلی دیدم استفاده میکنن!


کد:
$(function () {
...


سلام
معال  این کده:

کد php:
$( document ).ready(function() {
 ...
}) 

كدای داخل این بلاک بعد ار بارگذاری سند اجرا میشن.

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note ساخت دکمه CSS بصورت انلاین AnimeIraN 1 484 14-06-2014 ساعت 17:45
آخرین ارسال: hasti

کاربرانِ درحال بازدید از این موضوع:   1 مهمان