🔥 ۴۰ درصد تخفیف ثبت‌نام دوره‌ها قبل از افزایش قیمت‌ها
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ دکتر شارود زارع
خطای کد جی کوئری در تب
تهماسب ابتکار حل شده توسط تهماسب ابتکار

سلام وقت بخیر
من دقیقا همین کد رو قرار میدم ولی دروی ready یه خط میکشه.

سلام. وقت بخیر 

این روش با توجه به داکیومنت jQuery پیشنهاد میشه:

j = jQuery.noConflict();
j(function( $ ) {
  // Code using $ as usual goes here; the actual jQuery object is jq2
});

می تونید برای اطلاعات بیشتر این لینک رو مطالعه کنید.

 

بهترین پاسخ
تهماسب ابتکار ۰۸ آبان ۱۴۰۳، ۱۳:۰۶

مشکل ready حل شده ولی بازم تب‌ها درست کار نمیکنن.
ممنون میشم این کد رو بررسی کنین.

برای بخش html تمامی کلاس‌ها رو دادم و طبق ـآموزش طراحی کردم.
کدهای html:

<!DOCTYPE html>

<html lang="en">


 

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="style.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>


 

</head>


 

<body>

    <h1>پروژه شماره 1</h1>

    <div class="wrap">

       

            <ul class="tabs qroup">

                <li  ><a href="#one" class="active">جدیدترین ها</a> </li>

                <li ><a href="#two">محبوبترین ها</a>  </li>

                <li ><a href="#three">پرفروش‌ترین ها</a> </li>

            </ul>

       

        <div id="content">

            <div id="one">

                <ul>

                    <li><a href=""></a>پلاگین نویسی</a></li>

                    <li ><a href=""></a>پلاگین نویسی</a></li>

                    <li ><a href=""></a>پلاگین نویسی</a></li>

                </ul>

            </div>

            <div id="two">

                <ul>

                    <li><a href=""></a>قالب نویسی </a></li>

                    <li><a href=""></a>قالب نویسی </a></li>

                    <li><a href=""></a> قالب نویسی</a></li>

                </ul>

            </div>

            <div id="three">

                <ul>

                    <li><a href=""></a>توسعه وب </a></li>

                    <li><a href=""></a>توسعه وب </a></li>

                    <li><a href=""></a>توسعه وب </a></li>

                </ul>

            </div>

           


 

        </div>

    </div>

    <script src="jquery.js"></script>

</body>


 

</html>

کدهای جی کوئری

let j = jQuery.noConflict();


 

j(function( ) {

   let tabs = j('.tabs li a');

   tabs.clicked(function(){

       let content = this.hash.replace('/','');

       tabs.removeClass('active');

       j(this).addClass('active');

       j('#content').find('div').hide();

       j(content).fadeIn(200);

   });

});

دکتر شارود زارع ۰۹ آبان ۱۴۰۳، ۰۶:۳۱

سلام. 

مشکل برای قسمت tabs.clicked هست که تابع clicked رو باید به click تغییر بدید:

tabs.click(function () {
});

برای لودکردن jquery با استفاده از cdn هم می‌تونید از کد زیر استفاده کنید:

<script src="https://code.jquery.com/jquery-3.7.1.min.js"
        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

و دو تگ script داخل head رو حذف کنید.

 

- برای ارسال کدتون هم می‌تونید از قسمت درج بلوک کد استفاده کنید که با استایل مخصوص به خودش نمایش داده بشه.

موفق باشید.

تهماسب ابتکار ۰۹ آبان ۱۴۰۳، ۰۹:۰۰
ورود/افزودن پاسخ
ورود/افزودن پاسخ
مشارکت کنندگان در این تاپیک تهماسب ابتکار دکتر شارود زارع
سوالات مرتبط با این تاپیک
  • نیاز به دانش کار front end ( ۴ پاسخ )
  • اضافه نشدن دوره به پنل کاربری ( ۱ پاسخ )
  • انتقاد و پیشنهاد ( ۱ پاسخ )
  • روش دانلود را توضیح دهید؟ ( ۱ پاسخ )
  • سلام چه کار هایی رو نمیشه با وردپرس انجام داد؟ ( ۱ پاسخ )