Как заставить работать JS в модальных окнах bootstrap 3 Может кто то сталкивался с подобной проблемой? Как решить? Там похоже вообще не работает JS
Можно после открытия окна запустить свой код. В документации даже наглядный пример есть http://getbootstrap.com/javascript/#modals Код (Javascript): $('#myModal').on('shown.bs.modal', function () { $('#myInput').focus() })
тоесть мой код надо сюда засунуть? или как Код (Javascript): $('#myModal').on('shown.bs.modal', function () { сюда? })
@winsok вариант хороший, попробуй. Можно простой alert() чтобы посмотреть работает это или нет, уже дальше можно будет что-то сложнее вставлять. Ты не писал как там всё у тебя устроено, не дал посмотреть на живой пример, по этому предложил самый простой вариант и ссылку на документацию по твоему вопросу.
Не работет. У меня там ничего не обычного: jquery.min.js - 1.11.00 bootstrap.min.js - 3.3.7 в модальном окне форма, которую нужно отправить ajax и вернуть результат JS не мой, найден в сети, чутка переделан идеально работает везде, кроме модальных Код (Javascript): function send(injoin) { var msg = $('#send[role="'+injoin+'"]').serialize(); var exit = injoin.split('-'); $.ajax({ type: 'POST', url: exit[0]+'.php', data: msg, success: function(data) { $('#show_cform-'+injoin).html(data); }, error: function(xhr, str){ alert('Возникла ошибка: ' + xhr.responseCode); } }); } само окно HTML: <div id="modal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content" id="show_cform-order-2"> <form class="form-horizontal" role="order-2" method="post" id="send" action="javascript:void(null);" onsubmit="send(\'order-2\')"> <div class="modal-body"> <div class="device">'.$text[0].'</div> <div class="form-group"> <input type="text" class="form-control" id="name" placeholder="Введите имя" required> </div> <div class="form-group"> <input type="text" class="form-control" id="phone" placeholder="Введите номер" required> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button> <button type="button" class="btn btn-primary" type="submit">Отправить</button> </div> </form> </div> </div> </div> Вызов окна производится так HTML: <a href="#modal" class="btn btn-primary btn-xs" data-toggle="modal">Заказать</a>
@winsok ну те куски кода что ты дал, ничего не говорят о том как у тебя всё устроено, лучше живой пример В модальном окне не срабатывает onsubmit?
<button type="button" class="btn btn-primary" type="submit">Отправить</button> Думаю компьютер не настолько хорошая ванга, и лучше input вместо button --- Добавлено --- на твоём сайте всё по другому HTML: <button type="button" class="btn btn-primary">Отправить</button>