Question

我有这样的模态框：

<!-- Modal FOR PLAYERS-->
<div class="modal fade" id="Info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <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>
        <h3 class="modal-title" id="myModalLabel">Player profile for</h3>
      </div>
      <div class="modal-body info-player">
        <div class="row">

            <div class="col-md-6 col-sm-6 col-xs-12">
                <label>GOALK IN THIS SEASON :</label> 11
            </div>

        </div>
      </div>            
    </div>
  </div>
</div>

我添加了一个Span元素，用户可以点击它来获取相关数据：

<span class="playerInfo" data-toggle="modal" data-target="#Info">Info</span>

但现在我想在我的SPAN元素中有一些“data-XYZ ='VALUE'”属性，我想解析我的模态框，我怎么能这样做？

我只知道使用jquery onclick处理程序的方式，但我认为这也是另一种更好的方式或你的想法？

感谢您的帮助或任何提示......

感谢

Answer 1

您可以使用bootstrap $(document).on("click", function(e) { if ($(e.target).is(".trigger") === false) { $(".menu").hide(); } });事件

在模式完全显示时（CSS转换完成后）发生

shown.bs.modal

HTML：

$('#Info').on('shown.bs.modal', function() {
    $(".playerInfo").data("xyz"); //value

    // use the above data however you want
})

如何在模态框部分获取数据数据属性值？

1 个答案: