خطای کد جی کوئری در تب

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

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

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

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

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

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

بهترین پاسخ

مصطفی زارعی ۰۸ آبان ۱۴۰۳، ۱۳:۰۶

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

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

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

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

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

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

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

</ul>

<ul>

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

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

</ul>

</div>

<ul>

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

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

</ul>

</div>

<ul>

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

</ul>

</div>

</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);

});

Mohsen Sayyah ۰۹ آبان ۱۴۰۳، ۰۶:۳۱

سلام.

مشکل برای قسمت 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 رو حذف کنید.

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

موفق باشید.

مصطفی زارعی ۰۹ آبان ۱۴۰۳، ۰۹:۰۰