При нажатии на кнопку открываются все модальные окна сразу (

564
24 ноября 2016, 10:31

Вот код, генерируем строки, в строках по 4 ячейки в последней ячейке кнопка с с вызовом модального окна, вот когда на нее нажимаешь открываются сразу все ..

    for ($l = 0; $l < $countResQuote; $l++){
           ?>
        <div class="container-fluid">
        <div class="row">
        <div class="col-xs-3"><?php print_r($goodsList[$l][5]); ?> </div>  
        <div class="col-xs-4"><?php print_r($goodsList[$l][6]); ?> </div>  
        <div class="col-xs-3"><?php print_r($goodsList[$l][7]); ?> </div> 
        <div class="col-xs-2">
               <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-modal"><?php print_r($goodsList[$l][5]); ?></button>
                 </div>
            </div>                       
         </div>     
    <div class="modal fade bs-modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h1><?php print_r($goodsList[$l][5]); ?></h1>
        <h4 class="modal-title"><?php print_r($goodsList[$l][6]); ?></h4>
      </div>
       <div class="modal-body">
        <h2><?php print_r($goodsList[$l][7]); ?></h2>
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
Answer 1

Проблема Ваша в data-target атрибуте, укажите лучше data-target="#myModal" и дайте такую id модальному окну которое хотите открыть, а у Вас сейчас data-target=".bs-modal" открывает все окна с таким классом

READ ALSO
React - биндинг и ключи

React - биндинг и ключи

Есть два терзающий вопроса:

543
строки DOM таблицы

строки DOM таблицы

Есть вот такой скрипт, по нажатию кнопки, создает строку таблицы, возможно ли сделать чтобы генерируемый имел ввид к примеруСуть в том чтоя...

437
Не срабатывает оператор else. (Javascript)

Не срабатывает оператор else. (Javascript)

При выполнении лабораторной работы возникла вот такая проблемаПервое поле задаёт нижнюю границу диапазона чисел, а второе - верхнюю

384
Сохранение сгенерированной страницы html

Сохранение сгенерированной страницы html

У меня есть страница с кучей JS скроптов(загрузка изображения, динамическая таблица, блоки которые перемещаются мышкой)Суть такая пользователь...

575