Question

我需要在Bootstrap中分配两个值中使用的数据属性数据切换，如：

echo "<td><a class='one glyphicon glyphicon-trash' id='delete-row' data-toggle='modal tooltip' data-placement='bottom' title='Delete Record' href='#' data-target='#myModal' aria-hidden='true' data-id='" . $row['id'] . "'></a></td>";

因为此元素具有工具提示，并且还用于在单击时触发模态。但是，我不能让这个工作。有谁知道这是否可以做到以及如何做，因为我没有看到任何文件，而且我已经尝试了几种不同的方案都没有用。

Answer 1

最简单的方法是用按钮包围您的图标，然后将按钮设置为不可见。这样，您可以使用按钮上的数据切换来调用模态，并在图标上进行数据切换以调用工具提示。

<button class="btn" data-toggle="modal" data-target="#myModal"><a class='one glyphicon glyphicon-trash' id='delete-row' data-toggle='tooltip' data-placement='bottom' title='Delete Record' href='#' aria-hidden='true' data-id='" . $row['id'] . "'></a></button>

查看此链接http://jsfiddle.net/jaketaylor/g0w2ztp7/，在工作示例中查看所有带有css的html。

Answer 2

这是为我做的：

<script>
  $(document).ready(function(){
      $(".delete-row").tooltip();
  });
</script>

Answer 3

不是用一个按钮包装它，你也可以用div标签包装它，在元素上添加样式显示内联块，然后将数据标签添加到该div。

belongsTo

data-toggle属性的多个值w / bootstrap ui

3 个答案: