miladhassan

کد جی کوئری اندازه صفحه

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

سلام میخواستم بدونم اگه بخواهیم فقط کد های جی کوئری در یک اندازه خاص از صفحه عمل کنند

و وقتی اندازه را کوچک یا بر روی موبایل سایت باز میشود دیگر آن استایلی

که ما با جی کوئری داده بودیم نباشد . من از کدهای ذیل استفاده کردم ولی کار نکرد .

jQuery("document").ready(function($){

	var di = $('.b5');
    $(window).resize(function()
	if ($(window).width > 1000){
		di.css('margin-left','200px');
	$(window).scroll(function () {
		
		if ($(this).scrollTop() > 170) {
			
		
			di.css('margin-left','200px');
		} else {
			
				di.css('margin-left','0px');


		}
	
		
	}
	});
});
});

 

0

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


لینک به پست

سلام. سه اشتباه توی کدتون هست.

یکی اینکه این مورد رو درست کنید:

if ($(window).width > 1000){
//bayad beshe in:
if ($(window).width() > 1000){

 

مورد دوم که خطایی ایجاد نمیکنه اما صفحه رو کند میکنه، این هست که اسکرول رو خارج از resize به window بایند کنید.

الان شما اومدی گفتی هر موقع پنجره ریسایز شد، یکبار هم این کدم رو به اسکرول پنجره بایند کن.

مورد سوم هم اینه که باید بگید اگر بزرگتر از 1000 بود این کار رو بگن و اگر کمتر بود این یکی کار رو، چون جاوا اسکریپت مثل css نیست که بفهمه و به حالت قبلی برگرده.

 

موفق باشید.

1

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


لینک به پست

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

0

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


لینک به پست

 

jQuery("document").ready(function(){
	var di = $('.b5');
	if ($(window).width() > 1000){
		di.css('margin-left','200px');
	}
		
	$(window).scroll(function () {
	if($(this).width() > 1000 && $(this).scrollTop() > 170) {
			di.css('margin-left','200px');
		} else {
				di.css('margin-left','0px');

		}
	
	});
});

 

2

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


لینک به پست

سلام اساتید عزیز من کد رو گذاشتم و کار کرد ولی فقط یک اشکال داره اونم اینکه اگه ی کد تایمر باشه که وقتی کاربر اندازه صفحه رو کوچیک بزرگ میکنه کد جی کوئری سریع متوجه بشه چون الان من صفحه رو کوچیک میکنم خوبه ولی وقتی بزرگ میشه باید حتما ریفرش بزنم تا درست بشه . بازم ممنونم

0

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


لینک به پست
jQuery("document").ready(function($){

	var di = $('.b5');
    $(window).resize(function(){
      if ($(window).width() > 1000){
      	di.css('margin-left','200px');
      }
      else{
      	di.css('margin-left','0px');
      }
	});
  
  	$(window).scroll(function () {
		if ($(this).scrollTop() > 170) {
			di.css('margin-left','200px');
		} else {
			di.css('margin-left','0px');
		}
	});
});

 

نکته ای هم که توی کد شما هست اینه که قسمت اسکرول مشکلی نداره اما به نظرم اگر روی پوسته دارید کار می کنید ریسایز کردن المنت ها رو موقع تغییر سایز پنجره، با مدیا کوئری انجام بدید به جای جاوا اسکریپت.

 

موفق باشید.

2

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


لینک به پست

سلام کد ها درستن اگه از اساتید گل ی کد تایمر یا همچین چیزی میدونه بزاره تا درون اون کد های قبلی بزارم تا چک کنه هر لحظه 

0

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


لینک به پست

چی رو می خواید هر لحظه اجرا بشه. کد بالا خودش با تغییر سایز پنجره و یا اسکرول کردن مرتب اجرا میشه.

اگر برای کد دیگه ای می خواید اونو، می تونید از تابع setInterval برای اجرای یک کد توی بازه های زمانی مشخص یا تابع setTimeout برای اجرای یک کد برای یک بار بعد از یه بازه زمانی معین استفاده کنید. این توابع مربوط به جاوااسکریپتن نه جی کوئری ولی شاید معادل جی کوئری شون هم موجود باشه.

1

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


لینک به پست

سلام کد شما کار نکرد من کد استاد ایمان فخار رو امتحان کردم و جواب داد اگه ممکنه تو همون تابع ی کد تایمر اضافه کنید 

0

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


لینک به پست

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

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

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

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


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

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

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


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