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

سلام و درود

دوستان گرامی من با تابع addclass در جی کوئری به مشکل خوردم. می خوام کلاس buy-butt رو به یک تگ a خاص اضافه کنم اما جواب نمیده!؟

$( ".package-info .textwidget p a" ).addClass( "buy-butt" );

 

0

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


لینک به پست

سلام و درود @unid_user

 

کدت که درسته ممکنه کدت قبل از لود کامل DOM اجرا بشه.

به این شکل کن کدت رو شاید نتیجه داد.

(function($) {
	$(function() {
		$(".package-info .textwidget p a").addClass("buy-butt");
	});
})(jQuery);

 

1

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


لینک به پست
در 7 ساعت قبل، mehran-be گفته است :

سلام و درود @unid_user

 

سلام. ممنون. همین الان که وارد سایت شدم دیدم درست شده. منظور از DOM چیه؟

0

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


لینک به پست
در 40 دقیقه قبل، unid_user گفته است :

منظور از DOM چیه؟

منظور این بود تا زمانی که اون تگ a شما لود نشده باشه توی مروگر جاوا اسکریپت نمیتونه بهش دسترسی داشته باشه و کلاس بهش اضافه کنه.

به طور مثال اگر کدی که قرار دادید توی بخش head صفحه باشه و تگ a شما هم که طبیعتا در body هست وقتی کد اجرا میشه هنوز لینکه اضافه نشده به صفحه که جی کوئری بهش کلاس اضافه کنه.

1

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


لینک به پست
در هم اکنون، mehran-be گفته است :

منظور این بود تا زمانی که اون تگ a شما لود نشده باشه توی مروگر جاوا اسکریپت نمیتونه بهش دسترسی داشته باشه و کلاس بهش اضافه کنه.

خوب این موضوع مشکل ایجاد میکنه دیگه درسته؟ مثلا من درون صفحه یه تگ a د ارم و میخوام استایل خاصی رو بگیره و اگه تگ مورد نظر لود نشه خیلی خوشایند نیست. راه حلش همون پاسخ قبلی تون هست؟

0

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


لینک به پست
در 5 دقیقه قبل، unid_user گفته است :

خوب این موضوع مشکل ایجاد میکنه دیگه درسته؟ مثلا من درون صفحه یه تگ a د ارم و میخوام استایل خاصی رو بگیره و اگه تگ مورد نظر لود نشه خیلی خوشایند نیست. راه حلش همون پاسخ قبلی تون هست؟

بله راه حلش اینه که کد شما بعد از لود کامل HTML اجرا بشه.

که توی جی کوئری باید کد ما داخل:

$(document).ready(function() {
  // Your Code
});

// OR

$(function() {
  // Your Code
});

قرار بگیره.

در صورتی هم که از جی کوئری استفاده نمیکنید باید کد شما داخل:

document.addEventListener('DOMContentLoaded', function () {
  // Your Code
});

قرار بگیره.

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط unid_user
      سلام و درود
      دوستان گرامی، می خوام با کلیک کردن روی یه تگ a هر بار سه تا از تگ های div که کلاس items رو دارن نمایش داده بشه یا به اصطلاح laod بشه.
      شبیه این دکمه توی سایت ها زیاد دیدم و لی آموزش هایی که دربارش هست برای من زیاد مناسب نیست و نتونستم درست کنم.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، می خوام یه منوی آکاردئونی ساده با جی کوئری ایجاد کنم که وقتی روی هر کدوم از آیتم های منو کلیک میکنی، زیر منوی سایر آیتم ها بسته بشه.
      <nav> <ul id="first-ul"> <li> <a>صفحه اصلی</a> </li> <li> <a>خدمات</a> <ul class="second-ul"> <li> <a>آموزش رباتیک</a> </li> <li> <a>طراحی و ساخت ربات</a> </li> </ul> </li> <li> <a>محصولات</a> <ul class="second-ul"> <li> <a>ربات مسیریاب</a> </li> <li> <a>ربات حل ماز</a> </li> </ul> </li> </ul> </nav> با تشکر و سپاس
    • توسط jistili1
      سلام دوستان.من یک select box دارم و قرار بر اینه که به ازای هر مقدار select box یک div خاص نمایش داده بشه و بقیه div های مربوط به مقادیر دیگر select box مخفی بشن.
      این کد جی کوئری من هست:
      $("#select").change(function(){ if($(this).val()=="empty"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="localref"){ $("#date").css("display","hidden"); $("#localref").css("display","block"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="date"){ $("#date").css("display","block"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="price"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","block"); } if($(this).val()=="number"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","block"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } if($(this).val()=="product"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","hidden"); $("#number").css("display","hidden"); $("#product").css("display","block"); $("#price").css("display","hidden"); } if($(this).val()=="refid"){ $("#date").css("display","hidden"); $("#localref").css("display","hidden"); $("#refid").css("display","block"); $("#number").css("display","hidden"); $("#product").css("display","hidden"); $("#price").css("display","hidden"); } }); حالا مشکل من اینجاست که فرض کنید من از توی select box ، مقدار date رو انتخاب کردم.خب تا اینجا درست کار میکنه و div مربوط به date برای من نمایش داده میشه.حالا اگه روی مقدار empty کلیک کنم ، طبق کد باید تمامی div ها مخفی بشن ولی این اتفاق نمیفته.حالا من از select box مقدار date رو انتخاب کردم و div مربوط به date برام نمایش داده میشه اگه بعدش روی گزینه localref کلیک کنم ، div مربوط به localref نمایش داده میشه ولی div مربوط به date مخفی نمیشه.ممنون میشم کمکم کنید که بفهمم مشکل از کجاست.
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، نمیدونم چرا وقتی صفحه مرورگر رو رفرش میکنم، تمام زیر منوها دیده میشه! کسی میدونه علت چیه.
      با اینکه من تگ ul رو diplay: none دادم.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، کسی میدنه چطور باید از datepicker فارسی استفاده کنم؟ من طبق این مقاله آموزشی انجام دادم اما هیچی نشون نمیده؟!
      با تشکر و سپاس