رفتن به مطلب

اجرای تابع جاوا اسکریپت برای چند کلاس هم نام


پست های پیشنهاد شده

سلام.

یک تابع جی کوئری نوشتم که برای چند کلاس هم نام اجرا بشه ولی فقط برای اولی اجرا میشه.

نحوه استفاده از while رو بلد نیستم که برای هر کدوم جدا انجام بده.

چطور باید این کارو انجام بدم؟

لینک به ارسال

ممنون

این کد:


progress_auto_color()
function progress_auto_color(){
var WidthPercent = $(".progress-auto-color").width() / $(".progress").width() * 100;
//alert (WidthPercent);
if (0 < WidthPercent <= 25) {
$('.progress-auto-color').addClass('progress-bar-danger');
};
if (25 < WidthPercent <= 50) {
$('.progress-auto-color').addClass('progress-bar-warning');
};
if (50 < WidthPercent <= 75) {
$('.progress-auto-color').addClass('progress-bar-info');
};
if (75 < WidthPercent <= 100) {
$('.progress-auto-color').addClass('progress-bar-success');
};
}

از کد معلومه چی میخوام.

می خوام پروگرس باری که کلاس progress-auto-color داره با توجه به عرضش یه کلاسی بگیره که رنگش تو بوت استرپ مشخص شده.

اما همه رو با توجه به اولین پروگرس بار رنگ میکنه.

ممنون

لینک به ارسال

jQuery تابعی به نام each داره که شما می‌تونید در هر المنت loop کنید.

اطلاعات بیشتر در مورد each

موفق باشید.

لینک به ارسال

کلا کدی که نوشتید صحیح نیست


$(".progress-auto-color").each(function() {
var w = $(this).width();
var pw = $(this).parent(".progress").width();
var WidthPercent = parseInt(w)/parseInt(pw)*100;
if(WidthPercent <= 25) {
$(this).addClass("progress-bar-danger");
}
else
if(WidthPercent <= 50) {
$(this).addClass("progress-bar-warning");
}
else
if(WidthPercent <= 75) {
$(this).addClass("progress-bar-info");
}
else {
$(this).addClass("progress-bar-success");
}
});

در مورد کدنویسی جی کوئری از طریق منبعی که لینکش رو گذاشتند حتما مطالعه کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...