اجرا نشدن رویدادهای جاوااسکریپت

0 امتیاز
103 بازدید
سوال شده اردیبهشت 31, 1395 توسط saadati  

سلام من کدهام هیچ مشکلی ندارن ولی قسمت مربوط به جاوا اسکریپتش درست اجرا نمیشه. مثلا این کد با استفاده از بوت استرپ نوشته شده واسه اینکه وقتی روی چکباکس "رجیستر" کلیک کنیم فرم مخفی شه و وقتی دوباره کلیک کنیم فرم ظاهر بشه. اما در سیستم من فرم مخفی و ظاهر نمیشه. واقعا نمیدونم مشکلش کجاس

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<input type="checkbox" class="btn btn-info" data-target="#register" data-toggle="collapse">Register</input>
</div><!-----col-lg-6----->
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="background:gray;" id="register">
<div class="form-group">
Username:<input type="text" class="form-control"></input>
email:<input type="text" class="form-control"></input>
password:<input type="text" class="form-control"></input>
<button class="btn btn-warning form-control">Register</button>
</div>
</div><!-----col-lg-6----->
</div><!-----row----->
</div><!-----container----->
</body>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$('.collapse').collapse();
</script>
</html>

 

این مطلب را به اشتراک بگذارید

2 پاسخ

0 امتیاز
پاسخ داده شده اردیبهشت 31, 1395 توسط hadi.es  

سلام

عزیزم این کدهارو برو بالای صفحه ات بنویس :

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

موفق

دارای دیدگاه اردیبهشت 31, 1395 توسط saadati  
این کار رو هم کردم اما اجرا نشد. دقیقا همین کد در سیستم شخص دیگه به درستی اجرا میشه اما در سیستم من نه. در ساخت اسلایدر و...هم همین مشکل رو دارم. کدها درست اند اما در سیستم من قسمت های مربوط به جاوااسکریپت اجرا نمیشن
دارای دیدگاه اردیبهشت 31, 1395 توسط hadi.es  
کش مرورگرتون رو پاک کنید
دارای دیدگاه اردیبهشت 31, 1395 توسط saadati  
پاک کردم ولی باز هم اجرا نشد
+1 امتیاز
پاسخ داده شده اردیبهشت 31, 1395 توسط ASHKARAN  

شاید حتی بدون کد هم بتونید اینکار رو انجام بدید....

این کد رو بررسی بفرمایید :

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_collapse_simple&stacked=h

ما می تونید از jquery استقاده کنید 

$('.class').toggle();

 

دارای دیدگاه خرداد 2, 1395 توسط saadati  
لینکی که برام دادید خیلی کمکم کرد و متوجه شدم علت اجرا نشدن کدهام آپدیت نبودن فایل جی کوئری بود. واقعا ممنونم
دارای دیدگاه خرداد 3, 1395 توسط ASHKARAN  
در صورت امکان جواب رو در همین سوال بدید که به عنوان بهترین پاسخ انتخاب شده و دیگران هم استفاده کنن

977 سوال

819 پاسخ

1,329 دیدگاه

1,273 کاربر

متاسفانه نیستم

این مطلب را به اشتراک بگذارید

ali.ashkaran@gmail
ما .....
  • سعی بر پاسخگویی به سوالات دیگران داریم.
  • به سوال و یا نظر دیگران احترام می گذاریم .
  • این وبسایت را به دیگران معرفی می کنیم.
  • همواره صمیمیت و ادب را رعایت می کنیم.
  • به سوالمان برچسب های مرتبط اضافه می کنیم.
  • در حین طرح سوال فرد خاصی را مخاطب قرار نمی دهیم .
...