显示工具提示而不双击字段

Show tooltip without double tapping for field?

本文关键字：双击 字段 工具提示 显示      更新时间：2023-09-26

如果用户在移动设备上。然后单击以编辑字段。如果我有该字段的工具提示，他必须点击两次。一次用于显示工具提示，另一次用于编辑字段。我希望这只是一个点击，就像在电脑上一样。

在用户只点击一次即可显示工具提示并在移动设备上编辑字段的情况下，我们如何使工具提示发挥作用？

<div data-toggle="tooltip" title="Tooltip Title, Baby!">
  <%= f.number_field :days_challenged, value: 10 %> Day Challenge
</div>
<script>
  $('[data-toggle="tooltip"]').tooltip()
</script>

我正在使用引导程序中的工具提示。

<div onclick="$(this).tooltip('show')" data-toggle="tooltip" title="tooltip text" class="alert alert-danger alert-dismissible fade in" data-dismiss="alert" aria-label="Close">
         div content                           
</div>

onclick="$(this).tooltip('show')"在单击时显示工具提示。

则可以使用CCD_ 2方法再次将其隐藏。

对于编辑部分：我不知道你编辑字段是什么意思，你能解释一下吗？

编辑：

<script>
$( "target" ).click(function() {
  $(this).tooltip('show');
});
</script>

我发现了另一个模拟工具提示UI。你可以在这里找到

我在自己的手机上测试了它，它显示正确；你只需要点击一次。

相关文章：