Question

我在使用jquery将数据发送到modal时遇到问题我想在用户点击自述文件时显示详细信息这是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>

那么如何将数据发送到具有不同ID的模态。

Answer 1

使用 $("#bookId").val(myourid); 而不是$（＆＃34; .modal-body＆＃34;）。val（myourid）;

这将在模态上的h4元素处设置ID。

显示＆＃34;第二标题＆＃34;和＆＃34;完整描述＆＃34;您需要使用 AJAX 检索数据。

将数据发送到jquery以模态显示

1 个答案: