neda tafakor
2 سال پیش توسط neda tafakor مطرح شد
4 پاسخ

استایل داینامیک با استفاده از css و php

سلام
در قسمت پیاده سازی لایک و دیس لایک داخل پروژم (از لاراول استفاده کردم) یک چالش دارم ک نمیدونم چطور حلش کنم
از ajax استفاده کردم و داخل response یک status دارم که دو مقدار liked یا unliked داره. با استفاده از کد زیر این مقدار status رو به کلاس المنت داخل blade خودم اضافه میکنم.

$("#likeIcon"+data.elementId).addClass(data.status);

یعنی بعد از کلیک شدن، کلاس المنت من به یکی از دو حالت زیر درمیاد :

class="bi bi-suit-heart hover-border-like liked"
class="bi bi-suit-heart hover-border-like unliked"

حالا میخوام داخل همین class بگم اگه liked بود display:none بشه . (d-none)
این رو نمیدونم چطور با php به این قسمت اضافه کنم . ممنون میشم اگه کسی بتونه راهنماییم کنه


ثبت پرسش جدید
neda tafakor
@nedatafakor 2 سال پیش مطرح شد
سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 2 سال پیش آپدیت شد
0

شما الان کلاس liked رو نوشتی؟! وقتی کلاسی نوشته شده باشه و شما با jqeury اضاف کنی بصورت خودکار اون استایل اعمال میشه !

.liked{
    display:none !important
}

neda tafakor
@nedatafakor 2 سال پیش مطرح شد
0

@juza66
بله این رو متوجه هستم چالش من اینجاست که دو تا المان دارم که با دوتا حالت liked و unliked میشه 4 تا حالت مختلف.
ینی من باید یک شرط if قرار بدم که اگه این المان کلاس liked رو داشت این اتفاق بیفته. ینی کلاس liked برای همه یکسان نیست.
این تعریف کردن if رو نمیدونم.


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 2 سال پیش مطرح شد
0

این ایف رو باید توی js یا توی بک اند بنویسید و نتیجه اش رو بصورت کلاس به فرانت اضاف کنید


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

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