ورود

View Full Version : مشکل با bootstrap



shedayat
شنبه 01 تیر 1392, 16:19 عصر
سلام.
من طبق آموزش موجود در اینجا (http://twitter.github.io/bootstrap/javascript.html#modals)خواستم یه پنجره ی دیالوگ مانند بسازم نمی شه. همین کدی که خودش به عنوان مثال قرار می ده رو استفاده می کنم که یه دکمه و یه div مخفی می سازه، ولی با زدن دکمه هیچ اتفاقی نمی افته.
به نظر شما طبق اون کدی که برای مثال قرار داده شده چه مشکلی وجود داره؟
این هم کد موجود در سایت:



<!-- Button to trigger modal --><a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> <!-- Modal --><div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> </div></div>

mehbod.rayaneh
شنبه 01 تیر 1392, 18:29 عصر
سلام
bootstrap را کامل دانلود کردید؟! برای اجرای این نیاز به js داره ها! اینو چک کنید اگه جواب نداد بگید تا مججدا بررسی کنم!

shedayat
شنبه 01 تیر 1392, 22:45 عصر
بله. کاملا دانلود کردم و از فایل های bootstrap.min.css و bootstrap.min.js توی پروژه استفاده کردم.

mehbod.rayaneh
یک شنبه 02 تیر 1392, 00:25 صبح
آخه شما دقیقا کد دیفالت را استفاده کردید!!!
من این کد را تست کردم مشکل نداره! مجددا کدهاتونو چک کنید! یا کدها را بذارید تا بررسی کنم!

shedayat
یک شنبه 02 تیر 1392, 00:31 صبح
خب یعنی چی؟
آره دیگه. من دقیقا از این کد استفاده کردم.
یعنی چیزی باید بهش اضافه می کردم؟

mehbod.rayaneh
یک شنبه 02 تیر 1392, 00:41 صبح
خیر! من همین کد را استفاده کردم کار داد! حالا شما 1 جای کارتون میلنگه!
شاید آدرس فایلهایی ک استفاده کردید اشتباهه!
شاید فایل jquery (http://jquery.com/)را استفاده نکردید!

shedayat
یک شنبه 02 تیر 1392, 09:13 صبح
از فایل JQuery استفاده نکرده بودم. ولی الان با وجود اینکه این فایل رو هم اضافه کردم، بازم همون مشکل وجود داره!!
آدرس فایل ها هم درسته.این رو می شه از Auto Complete هنگام نوشتن کلاس های CSS متوجه شد.
یعنی مشکل از چی می تونه باشه!!

Bojbaj
یک شنبه 02 تیر 1392, 09:35 صبح
احتمال ِ زیاد مشکل از همون فایل jQuery باید باشه.
اگه بتونین یه مقدار بیشتری اط کد ها رو به همراه قسمت Head بذارین بهتر میشه گفت.
شاید اشتباها فایل JQuery رو بعد از Bootstrap.min.js اضافه کردین. دقت کردین که قبلش باشه ؟ آدرسش درسته ؟
کدتون بدون شک درسته

shedayat
یک شنبه 02 تیر 1392, 10:59 صبح
احتمال ِ زیاد مشکل از همون فایل jQuery باید باشه.
اگه بتونین یه مقدار بیشتری اط کد ها رو به همراه قسمت Head بذارین بهتر میشه گفت.
شاید اشتباها فایل JQuery رو بعد از Bootstrap.min.js اضافه کردین. دقت کردین که قبلش باشه ؟ آدرسش درسته ؟
کدتون بدون شک درسته

درست شد. حق با شما بود، باید فایل JQuery رو قبل از فایل Bootstrap.min.js اضافه می کردم. ولی چرا باید اینطوری باشه؟ مگه همه ی فایل ها اول Load نمی شن؟
با تشکر از دوستانی که جواب دادن.

Bojbaj
یک شنبه 02 تیر 1392, 16:26 عصر
نه فایل ها به همون ترتیب که مینویسی Load میشن
برای همین وقتی توی bootstrap میخواست توابع jQuery رو اجرا کنه وجود نداشت.