Question

如何在不点击的情况下自动打开引导工具提示。在我的情况下，我有一个将数据发送到数据库的表单，用户可以使用工具提示新的表单字段打开。这非常有效。

现在我有一个新的php文档，其中包含相同的表单，用户可以通过他的ID找到他的数据并在表单中显示所有内容以编辑他的数据。但在这种情况下，我希望所有工具提示形式的字段已经自动打开信息，因此他不必自己打开它们并查看他输入的所有内容。没有信息的区域应该保持关闭。

我向您展示了我的代码，只是一个简单的部分，因此更容易获得快速概述。在这里，他可以在3个不同的表格区域输入日期（通过引导工具提示打开）。

 <div> <a id="data1" data-toggle="tooltip" data-placement="right"> 
 <i class="fa fa-plus-circle fa-4x" aria-hidden="true"></i> </a> 
 <a id="data1" data-toggle="tooltip" data-placement="right"> 
 <i class="fa fa-minus-circle fa-4x" aria-hidden="true"></i> </a> </div>

            <div id="data1">

                <label for="date1">Date:</label>
                <input type="hidden" name="hidden_date_1" id="hidden_date_1" value="0">
                <input type="hidden" class="slider-input" value="23" />
                <input id="date_2" name="date_2"  value="<?php echo $Date_1;?>">

              </div>

            <div id="data2">

                <label for="date2">Date:</label>
                <input type="hidden" name="hidden_date_2" id="hidden_date_2" value="0">
                <input type="hidden" class="slider-input" value="23" />
                <input id="date_2"   value="<?php echo $Date_2;?>">

              </div>

            <div id="data3">

                <label for="date3">Date:</label>
                <input type="hidden" name="hidden_date_3" id="hidden_date_3" value="0">
                <input type="hidden" class="slider-input" value="23" />
                <input id="date_3"   value="<?php echo $Date_3;?>">

              </div>

我想也许可以说......喜欢。：如果date_1在数据库中有一个条目，则自动打开工具提示，如果不是，则不会...对于date_2和date_3也是如此。但我没有办法表达这一点。你知道怎么？

Answer 1

您可以使用Bootstrap的JavaScript API直接显示它。

使用jQuery切换它的示例：

$(selector).tooltip('show');

如何在不点击的情况下自动打开bootstrap工具提示

1 个答案: