unid_user

جاوا اسکریپت
افزایش مقدار x با جاوا اسکریپت

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

سلام و درود

دوستان گرامی من می خوام در کد زیر مقدار x را افزایش دهم و این مقدار در کد زیر قرار داده شود. 

#side-bar span:nth-child(" + x + ")

کدهای زیر قطعه کد موردنظر به صورت کامل است.

$(window).scroll(function() {

  for(var x = 0, x < 6; x++){
  if ($(this).scrollTop() > x) {
    $("#side-bar span:nth-child(" + x + ")").addClass('active');
  }
  }

});

ممنون

0

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


لینک به پست

سلام و درود @unid_user

 

سوالتون واضح نیست.

x رو داره حلقه for زیادش میکنه دیگه.

0

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


لینک به پست
در 2 دقیقه قبل، mehran-b گفته است :

سلام و درود @unid_user

 

سوالتون واضح نیست.

x رو داره حلقه for زیادش میکنه دیگه.

سلام.

میخوام مقدار x رو بجای x در کد زیر قرار بده.

$("#side-bar span:nth-child(" + x + ")").addClass('active');

 

0

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


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

سلام.

میخوام مقدار x رو بجای x در کد زیر قرار بده.


$("#side-bar span:nth-child(" + x + ")").addClass('active');

 

با چه رویدادی افزایشش بدیم؟

چند تا چند تا؟

0

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


لینک به پست
در 2 دقیقه قبل، mehran-b گفته است :

با چه رویدادی افزایشش بدیم؟

چند تا چند تا؟

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

$(window).scroll(function() {
  if ($(this).scrollTop() > 125) {
    $("#side-bar span:nth-child(1)").addClass('active');
  }
  if ($(this).scrollTop() < 125) {
    $("#side-bar span:nth-child(1)").removeClass('active');
  }
  if ($(this).scrollTop() > 250) {
    $("#side-bar span:nth-child(2)").addClass('active');
  }
  if ($(this).scrollTop() < 250) {
    $("#side-bar span:nth-child(2)").removeClass('active');
  }
  if ($(this).scrollTop() > 375) {
    $("#side-bar span:nth-child(3)").addClass('active');
  }
  if ($(this).scrollTop() < 375) {
    $("#side-bar span:nth-child(3)").removeClass('active');
  }
  if ($(this).scrollTop() > 500) {
    $("#side-bar span:nth-child(4)").addClass('active');
  }
  if ($(this).scrollTop() < 500) {
    $("#side-bar span:nth-child(4)").removeClass('active');
  }
  if ($(this).scrollTop() > 625) {
    $("#side-bar span:nth-child(5)").addClass('active');
  }
  if ($(this).scrollTop() < 625) {
    $("#side-bar span:nth-child(5)").removeClass('active');
  }
    });

 

0

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


لینک به پست
$(window).scroll(function() {
	
	var scTop = 125;
	for(var x = 1; x <= 5; x++) {

		if($(this).scrollTop() > scTop)
		
			$("#side-bar span:nth-child("+x+")").addClass('active');
		
		if($(this).scrollTop() < scTop)
		
			$("#side-bar span:nth-child("+x+")").removeClass('active');
			
		scTop += 125;
		
	}
	
});

 

1

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


لینک به پست
در 1 دقیقه قبل، mehran-b گفته است :

$(window).scroll(function() {
	
	var scTop = 125;
	for(var x = 0; x <= 5; x++) {

		if($(this).scrollTop() > 125)
		
			$("#side-bar span:nth-child("+x+")").addClass('active');
		
		if($(this).scrollTop() < 125)
		
			$("#side-bar span:nth-child("+x+")").removeClass('active');
			
		scTop += 125;
		
	}
	
});

 

ممنون. الان یه مشکلی هست. این که همه باهم کلاس ative  رو میگیرن و همه باهم کلاس active حذف میشه.

0

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


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

ممنون. الان یه مشکلی هست. این که همه باهم کلاس ative  رو میگیرن و همه باهم کلاس active حذف میشه.

اصلاح کردم کد رو.

1

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


لینک به پست
در 2 دقیقه قبل، mehran-b گفته است :

اصلاح کردم کد رو.

ببخشید. اما آخرین span کلاس active رو نمیگیره.

0

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


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

ببخشید. اما آخرین span کلاس active رو نمیگیره.

البته الان مقدار height رو برای body برابر 10000 هزار قرار دادم درست شد.

0

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


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

البته الان مقدار height رو برای body برابر 10000 هزار قرار دادم درست شد.

کد اولیه بنده یه خطای دیگه هم داشت مجدد اصلاح کردم.

1

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط SadraHkm
      سلام دوستان امیدوارم حالتون خوب باشه
      من داشتم تمرین میکردم که یه کتابخونه ساده بسازم. بعد به یه مشکلی برخوردم. من دو تا متد نوشتم. تو یکی از اونها، اون یکی رو صدا زدم. ولی کار نمیکنه و مقداری که برمیگردونه undefined هست.
      میشه لطفا راهنمایی کنید که مشکلش چی هست. با تشکر فراوان
      (function (window) { function mathLibrary() { this.plusNums = function (x, y) { return Number(x) + Number(y); }; this.subNums = function(x , y) { this.plusNums(x,-y); } } if(typeof sadra_ml === 'undefined'){ window.sadra_ml = new mathLibrary(); }else { console.log("There is name conflict"); } })(window);  
    • توسط SadraHkm
      سلام دوستان
      برای لود کردن فایل های جاوااسکریپت میتونیم اسکریپت رو در تگ head یا قبل از تگ /body بذاریم. وقتی که در تگ head میذاریم، قبل از اینکه محتوای صفحه خونده بشن، این فایل لود میشه. ولی ایا وقتی در اخر صفحه ( قبل از /body ) هم گذاشته میشه، قبل از خونده شدن محتوای صفحه این فایل لود میشه یا بعدش یا همزمان باهاش ؟!
      بعد سوال دیگه اینکه اگه ما فایل رو در اخر سندمون لود کنیم، چه فرقی میکنه با اینکه از attribute defer استفاده کنیم ؟ این attribute که دقیقا همون کار رو انجام میده !
      ممنون میشم کمی توضیح بدید
      باتشکر
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، میخوام با فشردن هر کدوم از کلیدهای کیبورد ، width یک تگ div خاص رو هربار 5 پیکسل افزایش بدم. کد زیر رو خودم نوشتم ولی کار نمیکنه.
      var barWidth = $("#run-bar").width(); var barwidthplus = barWidth++; $("form#home-search-form input[type='text']").keypress(function() { barwidthplus++; alert(barwidthplus); $("#run-bar").css('width', 'barwidthplus + %'); }); با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، چطوری میشه کدهای جاوا اسکریپت و جی کوئری در فایل js رو به وسیله php یا توابع وردپرس داینامیک کنیم.
      مثلا یه متغیر در فایل js دارم که میخوام از طریق php یا توابع وردپرس هر بار که خواستم یک مقدار رو اختصاص بدم.
      با تشکر و سپاس
    • توسط unid_user
      سلام و درود
      دوستان گرامی ، تا زمانی که فایل جاوا اسکریپت سایت کامل لود بشه ، آیتم های منو بخصوص اونهایی که زیر منو دارن کامل باز میمونن و منو بهم میریزه. خیلی تلاش کردم که درستش کنم اما نمیشه.
      کسی به همچین مشکلی برخورده که بتونه به من کمک کنه؟ اگه نیاز هست کدهای اسکریپتی و php منو رو ارسال کنم توی تاپیک.
      با تشکر و سپاس