۳ دانشجوی سون‌لرن
حل مشکل فراخوانی تصویر در جاوااسکریپ
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۱۵ اسفند ۱۴۰۱

سلام وقتتون بخیر من برای سایدبار سایتم از ساختاری مشابه سایت کتابراه استفاده کردم، تو نسخه فرانت وقتی روی هر دسته کلیک میکنیم به راحتی زیر دسته نمایش داده میشه و ایکن برگشت به بالا درست لود میشه اما از وقتی به وردپرس تبدیلش کردم ایکن فلش رو به پایین به درستی لود میشه اما وقتی روش کلیک میکنم ایکن برگشت به بالا رو به این صورت نمایش میده : arrow-$

کد جاوا اسکریپت زیر رو هم میفرستم:

function showDetailsScreenHandler(elm) {

  const thisElm = $(elm);

  const collapsed = thisElm.data("collapsed");

  thisElm

    .parents("li:eq(0)")

    .find(".sub-category:eq(0)")

    .css(

      "height",

      thisElm

        .parents("li:eq(0)")

        .find(".sub-category:eq(0)")

        .find("ul:eq(0)")

        .height()

    );

  setTimeout(

    () => {

      thisElm

        .parents("li:eq(0)")

        .find(".sub-category:eq(0)")

        .css("height", collapsed ? "auto" : "0px");

    },

    collapsed ? 3000 : 1

  );

  thisElm.html(`arrow-${collapsed ? `);

  thisElm.data("collapsed", !collapsed);

}

چطور میتونم این مسئله رو حل کنم

با سلام و احترام

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

  • وقتی سوالی مطرح میشه لطفا در نزدیک‌ترین جلسه مرتبط به همون سوال تاپیک باز کنید نه مثل این سوال که مربوط به فرانت هست و در جلسه ثبت و فرایند خرید دامنه طرح کردید.
  • در قدم دوم هم مشکل را به صورت کامل مطرح کنید و اگر نیاز به ضمیمه کد هست اون رو داخل باکس کد مثل مثال زیر ثبت کنید یا اگر زیاده ست به عنوان یک پک زیپ پیوست سوال نمایید.
codes goes here :(

خب در زمینه سوالتان کدهای به درستی نمایش داده نمیشوند که بتوان بررسی کرد اما موارد زیر را چک کنید :

اگر تصویر Arrow up با تصویر هست چک کنید که تصویر به درستی اضافه شده است یا خیر » اگر ایکون هم از سمت پک ایکون‌ها مثل فونت آوسم لود هست در صفحه لود شده باشد.

با تشکر از ارتباط شما

بهنام مرادی ۱۵ اسفند ۱۴۰۱، ۱۰:۳۲

عذرخواهی میکنم، من جلسه خاصی رو انتخاب نکرده بودم واسه پرسیدن سوال ، نمیدونم چرا رفته جز هاست قرارگرفته

کد رو به صورت درست براتون ارسالش کردم، در قسمت پایانی تو تگ img

const fullScreenHandler = (type = "OPEN") => {
    if (type == "OPEN") $("#navContainer").addClass("full-screen");
    else $("#navContainer").removeClass("full-screen");
};
$(window).on("resize", function () {
    const win = $(this);
    if (win.width() >= 780) $("#navContainer").removeClass("full-screen");
});
function showDetailsScreenHandler(elm) {
    const thisElm = $(elm);
    const collapsed = thisElm.data("collapsed");
    thisElm
        .parents("li:eq(0)")
        .find(".sub-category:eq(0)")
        .css("height",thisElm.parents("li:eq(0)").find(".sub-category:eq(0)").find("ul:eq(0)").height());
    setTimeout(
        () => {thisElm.parents("li:eq(0)")
                .find(".sub-category:eq(0)")
                .css("height", collapsed ? "auto" : "0px");
        },
        collapsed ? 3000 : 1
    );
    thisElm.html(`${collapsed ? "up" : "down"}.png" alt="arrow-${collapsed ? "up" : "down"}">`);
    thisElm.data("collapsed", !collapsed);
}
VahidTahmasebi ۱۵ اسفند ۱۴۰۱، ۱۲:۱۴

سلام مجدد

به نظر میرسد در کدهایی که ضمیمه کرده اید یا اشتباه وجود دارد یا توسط ادیتور سون لرن پاک سازی شده است چون در خط زیر:

    thisElm.html(`${collapsed ? "up" : "down"}.png" alt="arrow-${collapsed ? "up" : "down"}">`);

تگ img اصلا لود نشده است

کدهای خود را به صورت فایل zip ضمیمه نمایید.

بهنام مرادی ۱۷ اسفند ۱۴۰۱، ۲۰:۱۹