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);

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


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

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