Question

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

如果用户只点击一次以显示工具提示并在移动设备上修改字段，我们如何才能使工具提示工作？

<div data-toggle="tooltip" title="Tooltip Title, Baby!">
  <%= f.number_field :days_challenged, value: 10 %> Day Challenge
</div>

<script>
  $('[data-toggle="tooltip"]').tooltip()
</script>

我正在使用tooltip from bootstrap。

Answer 1

<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')"会在点击时显示工具提示。

然后您可以使用$(this).tooltip('hide')方法再次隐藏它。

编辑部分的

：我不确定你在编辑这个字段时的意思，你能解释一下吗？

编辑：

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

Answer 2

我找到了另一个类似的工具提示UI。你可以找到它here

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

显示工具提示而无需双击领域？

2 个答案: