parsa payandeh
6 سال پیش توسط parsa payandeh مطرح شد
4 پاسخ

پیاده سازی این مدل

⚠️Java Script⚠️
سلام دوستان نحوه ی پیاده سازی این مدلی رو که میگم رو اگر بتونید راهنمایی کنید ممنون میشم :

anime.timeline()  
.add({  
targets: '.mytarget+i',  
duration: data[i],

            }).add({
                targets: '.mytarget+(i+1)',
                duration: data[i+1] ,
            })

من میخوام با توجه به تعداد خانه های آرایه تابع add در ادامه ‌ی add های قبلی فراخوانی بشود و اتریبیوت ها هم با توجه به دیتای داخل آرایه تنظیم شود .
نحوه‌ی پیاده سازی به چه صورت است؟

در حقیقت من میخواهم کد تولید کنم با توجه به محتوای داینامیک

برای بهتر متوجه شدن مثالی را میاورم

data=[2,3,4,5]

{کد پیاده سازی مدل}

نتیجه====

anime.timeline()  
.add({  
targets: '.mytarget0',  
duration: 2,

            }).add({
                targets: '.mytarget1',
                duration: 3 ,
            })

.

            }).add({
                targets: '.mytarget2',
                duration: 4 ,
            })

.

            }).add({
                targets: '.mytarget3',
                duration: 5 ,
            })

عملکرد باید با نتیجه‌ی کد بالا یکی شود
ممنوم می‌شم اگر راهنمایی کنید


ثبت پرسش جدید
parsa payandeh
@parsa.payandeh 6 سال پیش مطرح شد
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 6 سال پیش مطرح شد
0

متاسفانه من متوجه سوالتون نشدم


parsa payandeh
@parsa.payandeh 6 سال پیش مطرح شد
0

@hesammousavi
من میخوام به صورت داینامیک یک تابع بسازم و اونو پشت سر هم صدا کنم
در اصل تابع های add متوالی لازم دارم که به صورت داینامیک تولید بشوند .
به صورت سودو کد بخوام بگم:


.add(x1).add(x2).add(x3).add(x4)```
میخوام از روی یک آرایه کد بالا رو تولید کنم
[x1, x2 , x3 , x4]

حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 6 سال پیش مطرح شد
0

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

// chaining JS functions
var zappo = function(selector) {
  var el;

  var obj = {
    getEl(selector) {
      if (el) return el;
      return document.querySelector(selector);
    },
    addClass(className) {
      el.classList.add(className);
      return this;
    },
    removeClass(className) {
      el.classList.remove(className);
      return this;
    }
  };

  el = obj.getEl(selector);
  return obj;
};

var el = zappo("#main")
  .addClass("red")
  .addClass("green")
  .removeClass("red")
  .getEl();

console.log("el", el);

از کلاس هم میتونید استفاده کنید که کار ساده تر میشه


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام