سوال مهم ایجاد کوکی برای بعضی از رویداد های جی کوئری

[niwanta 8]

سلام دوستان

من یه منو دارم که پیش فرض بازه و توی همه صفحات سایتم دارم

میخوام وقتی کاربر در صفحه اول اونو بست توی صفحه های دیگه هم بسته باشه

 

یعنی این که پیشفرض چسبیده به سمت راست وقتی اونو بست اسلاید بشه برای بسته شدن

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

[majid1889 733]

از این پلاگین استفاده کنید :

https://github.com/carhartl/jquery-cookie

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

$.cookie('name', 'value');

و برای فراخوانی کوکی :

$.cookie('name');

 

[niwanta 8]

در 7 ساعت قبل، majid1889 گفته است :

از این پلاگین استفاده کنید :

https://github.com/carhartl/jquery-cookie

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

$.cookie('name', 'value');

و برای فراخوانی کوکی :

$.cookie('name');

 

میشه لطفا در قالب یک مثال توضیح بدین و این کوکی چطوری کار میکنه؟

[majid1889 733]

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

ولی همینجوری بخوام مثال بزنم :

$(function(){
  $(".nav").css("width",$.cookie('width'));
  $(".nav-open").click(function(){
    $(".nav").css("width","150");
    $.cookie('width', '150');
  });
  $(".nav-close").click(function(){
    $(".nav").css("width","0");
    $.cookie('width', '0');
  });
});

همینجوری الان نوشتم

یکم تغییرش بدید فک کنم ردیفه

[niwanta 8]

در 8 ساعت قبل، majid1889 گفته است :

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

ولی همینجوری بخوام مثال بزنم :

$(function(){
  $(".nav").css("width",$.cookie('width'));
  $(".nav-open").click(function(){
    $(".nav").css("width","150");
    $.cookie('width', '150');
  });
  $(".nav-close").click(function(){
    $(".nav").css("width","0");
    $.cookie('width', '0');
  });
});

همینجوری الان نوشتم

یکم تغییرش بدید فک کنم ردیفه

مرسی از محبتتون

منوی من از پوزیشن فیکس با پهنای 200 و ارتفاع 100 در 100 با مقدار right: 0 به صورت پیش فرض می باشد و هر وقتی دکمه بستن رو کلیک می کنیم مقدار right:-200px میشه. کمککککک؟

[niwanta 8]

در 16 دقیقه قبل، koolfayfer گفته است :

مرسی از محبتتون

منوی من از پوزیشن فیکس با پهنای 200 و ارتفاع 100 در 100 با مقدار right: 0 به صورت پیش فرض می باشد و هر وقتی دکمه بستن رو کلیک می کنیم مقدار right:-200px میشه. کمککککک؟

کدی که دادین ذخیره نکرد با همین که ابعاد رو حتی سیو کنه

[majid1889 733]

در 6 ساعت قبل، koolfayfer گفته است :

کدی که دادین ذخیره نکرد با همین که ابعاد رو حتی سیو کنه

خوب باید پلاگین رو هم تو کدهاتون اضافه کنید !

اینجا رو بخونید !

[niwanta 8]

در 16 ساعت قبل، majid1889 گفته است :

خوب باید پلاگین رو هم تو کدهاتون اضافه کنید !

اینجا رو بخونید !

سپاس از وقتی که برای من گذاشتین

کد شما مشکلی نداره اما بعد از کلی بررسی فهمیدم گوگل کروم و اینترنت اکسپلورر با آی پی لوکال کوکی ذخیره نمی کنن

همین که توی هاست آپلود کردیم درست شد

[niwanta 8]

فقط یادم رفت بگم

چیزی که شما نوشتید یه css توی جی کوئری نوشتید فقط پهنا

اگه من بخوام موقع کلیک یه کلاس اضافه بشه و توی اون کلاسم کلی دستور css نوشتم و توی کوکی چیو باید نام ببرم؟

[majid1889 733]

در 17 دقیقه قبل، koolfayfer گفته است :

فقط یادم رفت بگم

چیزی که شما نوشتید یه css توی جی کوئری نوشتید فقط پهنا

اگه من بخوام موقع کلیک یه کلاس اضافه بشه و توی اون کلاسم کلی دستور css نوشتم و توی کوکی چیو باید نام ببرم؟

از addClass و removeClass باس استفاده کنی بجای اون css

 

[niwanta 8]

خوب درست و بازم بسیار ممنون

برای مثال کلاس new رو با toggle موقع کلیک نسبت دادم

توی کوکی چی بنویسم برای ذخیرش؟

[majid1889 733]

$(function(){
  $(".nav").addClass($.cookie('myClassName'));
  $(".nav-open").click(function(){
    $(".nav").addClass("new");
    $.cookie('myClassName', 'new');
  });
  $(".nav-close").click(function(){
    $(".nav").removeClass("new");
    $.cookie('myClassName', 'none');
  });
});