Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在不双击字段的情况下显示工具提示?_Javascript_Ruby On Rails_Ruby_Twitter Bootstrap_Tooltip - Fatal编程技术网

Javascript 在不双击字段的情况下显示工具提示?

Javascript 在不双击字段的情况下显示工具提示?,javascript,ruby-on-rails,ruby,twitter-bootstrap,tooltip,Javascript,Ruby On Rails,Ruby,Twitter Bootstrap,Tooltip,如果用户在移动设备上。并单击以编辑字段。如果我有该字段的工具提示,他必须单击两次。一次显示工具提示,然后另一次编辑字段。我希望这只是一个点击,就像它是在电脑上 如果用户只需点击一次即可显示工具提示并在手机上编辑字段,我们如何使工具提示起作用 <div data-toggle="tooltip" title="Tooltip Title, Baby!"> <%= f.number_field :days_challenged, value: 10 %> Day Chal

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

如果用户只需点击一次即可显示工具提示并在手机上编辑字段,我们如何使工具提示起作用

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

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

日挑战
$('[data toggle=“tooltip”]')。tooltip()

我正在使用。

我找到了另一个simular工具提示UI。 你可以找到它


我在自己的手机上测试过,结果显示正确;如果用户使用移动设备,您只需单击一次。

。并单击以编辑字段。如果我有该字段的工具提示,他必须单击两次。一次显示工具提示,然后另一次编辑字段。我希望这只是一次单击,就像在计算机上一样。请尝试在输入中放置onclick=“$(this).tooltip('show')”,或者制作一个脚本:$(document).ready(function(){$('input')。单击(tooltip('show');})确定我们不能这样做。这就是引导的工具提示问题。他们建议禁用移动设备的工具提示。有关详细信息,请查看此问题:
<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>
<script>
$( "target" ).click(function() {
  $(this).tooltip('show');
});
</script>