[soheyl_ir89]

به نام خدا

سلام

اینو ببینید :
https://bootsnipp.com/snippets/featured/...roduct-row

روی Quick View کلیک کنیم، توضیحات محصول نمایش داده می شه؛
اگر در قسمت Quick View، یه لینک دیگه ی Quick View بذاریم، اولی همچنان باز می مونه و نمایش داده می شه.
و مشکل زمانیه که Quick View دوم، کوچکتر از Quick View اول باشه و اولی زیر دومی مشخص باشه.

پرسش اینه که می شه زمانی که روی لینک Quick View اول کلیک می کنیم، هم لینک بسته شدن Quick View اول کار کنه، هم Quick View دوم باز شه؟ یا به هر صورتی، Quick View قبلی بسته بشه.

این کد لینک بستنه :

کد:

<a href="#" data-dismiss="modal" class="class pull-right"><span class="glyphicon glyphicon-remove"></span></a>

و من در Quick View اول، این لینکو دارم :

کد:

<a href="#"><i data-toggle="modal" data-target="#basket_view" class="fa fa-cart-plus fa-3x fa-flip-horizontal add-to-basket" aria-hidden="true"></i></a>

که یه Quick View جدید باز می کنه و می خوام وقتی روی لینک کلیک می کنم، اولی بسته شه و دومی باز شه.

تشکر پیشاپیش

[Alaa]

سلام،
با استفاده از این ۲ تا کد می‌تونی مدیریت کنی چه Modalی باز بشه و بسته بشه:

کد:

$('#basket_view').modal('show');
$('#basket_view').modal('hide');

خودت باید مدیریت کنی، کی باز و بسته بشن، فکر کنم کدش یه همچین حالتی باشه، مثلا می‌خوای بگی وقتی سبد خرید بسته شد، دوباره Modal محصولات رو نشون بده، باید اینجوری بنویسی:

کد:

            $('#basket_view').on('hidden.bs.modal', function () {
                $('#product_view').modal('show');
            });

---

این صفحه همه eventهاش رو می‌تونی ببینی.
Bootstrap JS Modal Reference