• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
np.1400

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

5 پست در این موضوع قرار دارد

سلام.

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

کدتون رو قرار بدید

2

به اشتراک گذاری این پست


لینک به پست

ممنون

این کد:


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 داره با توجه به عرضش یه کلاسی بگیره که رنگش تو بوت استرپ مشخص شده.

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

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

موفق باشید.

2

به اشتراک گذاری این پست


لینک به پست

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


$(".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");
}
});

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری