我可以使用Java脚本将数据导入引导模式吗?

问题描述 投票:0回答:1

我可以使用javascript将列表项中的图标,名称和描述导入到模式中,而不是手动添加它,因为我不想添加100x模式。

列表项

<a href="" data-toggle="modal" data-target="#exampleModal">
   <div class="media">
      <img class="mr-3 app-icon" src="podi.svg">
      <div class="media-body">
         <h3 class="mt-0">Name</h3>
         <p>The product description</p>
      </div>
   </div>
</a>

模态

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" 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>
         </div>
         <div class="modal-body">
            <img class="app-icon modal-icon cntr" src="podi.svg">
            <h3 class="mt-0 cntr">Name</h3>
            <p class="cntr pd-b-x-sml">The product description</p>
            <button type="button" class="btn btn-website">Visit website</button>
            <button type="button" class="btn btn-tutorial">View tutorial</button>
         </div>
         <div class="modal-footer">
            <a data-dismiss="modal" class="cntr mod-close">Close</a>
         </div>
      </div>
   </div>
</div>

我可以使用javascript将列表项中的图标,名称和描述导入到模式中,而不是手动添加它,因为我不想添加100x模式。列表项

javascript html jquery twitter-bootstrap content-management-system
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.