رفتن به مطلب

مشکل در کدنویسی جی کوئری


پست های پیشنهاد شده

با سلام بنده یک فرمی ورود و عضویتی رو درست کردم که به صورت پیش فرض خاصیت display:none داره، نحوه کارکردشم جوریه که وقتی روی یه دکمه کلیک میکنی فرم toggle میشه و تمامی صفحه به جزء اون فرم opacity میگیره که فرم بهتر دیده بشه.

اینم کدش:


$(document).ready(function() {
$(".login-btn").click(function() {
$(".login-panel").fadeToggle(400);
$(".all-page").animate({opacity: '0.1' ,}, 400);
});
});

حالا اینجا 2 تا مشکل وجود داره!

1 - مشکل اول اینه که فرم فقط با دکمه ی login-btn بسته میشه یعنی وقتی که فرم باز میشه اگر روی دیگر قسمت های سایت کلیک کنی فرم بسته نمیشه و فقط باید روی همون دکمه کلیک کنی تا فرم fadeout بشه که این مسئله باعث اذیت شدن کاربران میشه.

2 - مشکل دوم هم اینه که وقتی که روی دکمه کلیک میشه و فرم باز میشه تمامی صفحه opacity میگیره اما وقتی دوباره فرم رو می بندی opacity به حالت اول بر نمی گرده! و همین جوری کل پیج کم رنگ میمونه.

ممنون میشم اگه راهنماییم کنید

ویرایش شده توسط محمد رضایی
لینک به ارسال

سلام. یه راه خیلی سادش اینه:


//soale dovom
$(document).ready(function() {
var clicktoggle = 0;
$(".login-btn").click(function() {
$(".login-panel").fadeToggle(400);
if(clicktoggle){
$(".all-page").animate({opacity: '1' ,}, 400);
clicktoggle = 0;
}
else{
$(".all-page").animate({opacity: '0.1' ,}, 400);
clicktoggle = 1;
}
});
$('body:not(.login-panel)').click(function(){
if($('.login-panel').css('display') == 'block')
$('.login-panel').css('display','none');
});
});

راه های دیگه هم هست مثلا استفاده از متد toggle() توی جی کوئری

لینک به ارسال

سلام. یه راه خیلی سادش اینه:


//soale dovom
$(document).ready(function() {
var clicktoggle = 0;
$(".login-btn").click(function() {
$(".login-panel").fadeToggle(400);
if(clicktoggle){
$(".all-page").animate({opacity: '1' ,}, 400);
clicktoggle = 0;
}
else{
$(".all-page").animate({opacity: '0.1' ,}, 400);
clicktoggle = 1;
}
});
$('body:not(.login-panel)').click(function(){
if($('.login-panel').css('display') == 'block')
$('.login-panel').css('display','none');
});
});

راه های دیگه هم هست مثلا استفاده از متد toggle() توی جی کوئری

بسیار ممنون این کد شما مشکل دوم رو حل کرد ولی اولی هنوز باقیه!

لینک به ارسال

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

http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it

موفق باشید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...