отправить данные в jquery для показа в модальном - PullRequest
Новая
       7

отправить данные в jquery для показа в модальном

0 голосов
/ 03 мая 2018

У меня проблема с отправкой данных в модальный режим с помощью jquery. Я хочу показать подробности, когда пользователь нажимает на readme. Это HTML-код: 

<a id="readMore"  class="george" href="" name="" data-toggle="modal"  data-
target=".bs-example-modal-lg" data-id="(string)<?=$ourExpertiseTitle?>">Read More</a>

и это скрипт: 

 <script>
      $(document).on('click',".george",function(){
           var myourid = $(this).data('id');
           $(".modal-body").val(myourid);
           $('#mymodal').modal('show');
      });
</script>

модальный код: 

 <div id="mymodal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg">
           <div class="modal-content">
                <div class="modal-body">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                     </button>
                     <div class="col-md-4">
                          <img class="img-fullwidth mt-15" alt="" src="images/team/avatar1.jpg">
                     </div>
                     <div class="col-md-8">
                          <h4 class="text-uppercase text-theme-colored font-weight-600 mt-0" id="bookId"><?=$ourExpertiseTitle?></h4>
                          <h6 class="text-gray font-13 font-weight-400 line-bottom"><?= $ourExpertiseSecondTitle ?></h6>
                          <p><?= $ourExpertiseDescriptionFull ?></p>
                     </div>
                     <div class="clearfix"></div>
                </div>
           </div>
      </div>
 </div>

так как я могу отправлять данные модальным с разными идентификаторами.

1 Ответ

0 голосов
/ 04 мая 2018

Использование $("#bookId").val(myourid); вместо $ (". modal-body"). val (myourid);

Это установит идентификатор вашего элемента h4 на модале.

Чтобы отобразить «Второй заголовок» и «Полное описание», вам необходимо получить данные, используя AJAX .

...