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

[malloc]

سلام دوستان عزیز .
من یه تگ Div دارم که وقتی روی یه Buttonحاصی کلیک میکنه با استفاده از کد زیر slideDown میشه . یا بقول خودمون میاد پایین :

1
2
$(document).ready(function () { $("#img1").click(function () { $("#Login2").slideDown(500);









خوب حالا میخوام وقتی یجایی خارج از این تگ Div کلیک کرد همین تگ Sildeup بشه .

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

[b.paseban]

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


$("body").click
(
function(e)
{
if(e.target.className !== "DIVID")
{
$("DIVID").slideUp("slow");
}
}
);

[malloc]

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


$("body").click
(
function(e)
{
if(e.target.className !== "DIVID")
{
$("DIVID").slideUp("slow");
}
}
);

دستت درد نکنه دوست عزیز . یجورایی مشخصه که این کدی که شما گذاشتی درست کار میکنه . اما نمیدونم چرا واسه من کار نمیکنه. یعنی جای اون دوتا DIVID من اسم DIV خودمو نوشتم اما هرچی کلیک میکنه اجرا نمیشه و بسته نمیشه

حالا دوتا نکته وجود داره . یکی اینکه اون e چی هست آیا باید چیزی به تابع پاس داد؟؟
و اینکه اون classname فکر کنم یچیز دیگه باید باشه



......
خوب فعلا یجورایی اجرا شد اما یه نکته ای داره و اونم اینه که من رو button کلیک میکنم و اون تگ DIV باز میشه اما بلافاصله کدی که شما به من دادی اجرا میشه و اونو میبنده

[b.paseban]

Use jQuery to hide a DIV when the user clicks outside of it (http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it)
JQUery Hide DIV clicking outside the DIV (http://stackoverflow.com/questions/8162048/jquery-hide-div-clicking-outside-the-div)

[m_akbari11]

سلام علیکم- اینم راه حلش

<script>
$(document).mouseup(function (e) {
var container = $('#DIVBazshoo');
if (container.has(e.target).length === 0) {
container.slideUp("slow");
}
});
</script>


در Head استفاده نمایید