سلام !
من یه modal ساده با jquery نوشتم که در حد add class هستش. اما فقط برای یک آیتم کار میکنه . اگه بخوام چندتا modal داشته باشم نمیشه .کد jquery و چجوری باید تغیر بدم؟
$('#mdl').click(function () { $('.modal-box').addClass('show').fadeIn("fast"); })
<button type="button" id="mdl" data-target="#orderModal">modal</button> <div class ="modal-box"> <a>click</a> </div>
.....
در سایت نمونه های بسیاری از مدال هست یه بررسی کنید
کلمه Modal را در سایت سرچ کنید
درسته . دیدم. ولی با پلاگین , dialog یا داخل mvc هستش ,من با jquery میخواستم. خودم بنویسم.
از مدال بوت استرپ استفاده کنید
پرح را دوبار اختراع نکنید برای واکنش گرا بودن باید کد زیادی بنویسید
حرفتون درسته ولی در حال حاضر مهم نیست. میخوام اصولش و بدونم. نیازی به واکنش گرا بودن نیست.اگه کمکم کنید ممنون میشم.
وقتی شما دارید به کلاس .modal-box
کلاس show را اضافه میکنید بنابراین همه elementهایی که این کلاس را دارند نمایش داده می شوند. شما برای نمایش هر modal در باکس جداگانه خودش همانند دکمه آن که id میگیرد می بایست id دهید و داخل کد jquery با کلیک بروی هر کدام از دکمه ها modal مزبوط به آن نمایش داده می شود. یا اینکه مانند bootstrap از یک خاصیت دیگر المت استفاده کنید data-، کدهای modal بوت استرپ را بررسی کنید .
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)