为平板电脑使用弹出框答案

【问题标题】：Using popovers for a tablet为平板电脑使用弹出框
【发布时间】：2015-10-19 02:14:47
【问题描述】：

我正在设计一个用于平板电脑的页面，它是一个网络应用程序。我在应用程序中有几个问题，每个问题都有 3 个答案 A、B 或 C。如果选中，我想在每个答案上方显示一条说明。到目前为止，我已经使用了工具提示，但是当我在平板电脑上对其进行测试时，它需要两次单击以显示说明，然后单击一次以实际选择答案。我可以一键完成吗？弹出框可以工作吗？

这里有两个问题

<tr>
       <td class="form-group col-md-6">Is there an indication for the drug?</td>

       <td id="Indication" class="form-group col-md-6">




           <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Indicated"><input type="radio" name="indication" id="a1" value="0" <?php echo $a1; ?> required>A</input></p>
           <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Marginally Indicated"><input type="radio" name="indication" id="a2" value="0" <?php echo $a2; ?> required>B</input></p>
           <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Not Indicated"><input type="radio" name="indication" id="a3" value="5" <?php echo $a3; ?> required>C</input></p>

       </td>
       </tr>

       <tr>
       <td class="form-group col-md-6">Is the medication effective for the condition?</td>
       <td  id="Effectiveness" class="form-group col-md-6">
            <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Effective"><input type="radio" name="effective" id="b1" value="0" <?php echo $b1; ?> required>A</input></p>
            <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Marginally Effective"><input type="radio" name="effective" id="b2" value="0" <?php echo $b2; ?> required>B</input></p>
            <p class="radio-inline" href="#" data-toggle="tooltip" data-placement="top" title="Ineffective"><input type="radio" name="effective" id="b3" value="3" <?php echo $b3; ?> required>C</input></p>
       </td>
       </tr>

【问题讨论】：

标签： javascript php jquery tooltip popover

【解决方案1】：

我使用下面的代码提供了一个工具提示，但不会通过两次单击来中断用户，例如提示位于“a”部分，而不是单选按钮。

<tr>
       <td class="form-group col-md-6">Is there an indication for the drug?</td>
       <td id="Indication" class="form-group col-md-6">
           <p class="radio-inline">
           <input type="radio" name="indication" id="a1" value="0" <?php echo $a1; ?> required onchange="ajaxFunction('indication','<?php echo $count; ?>','0','<?php echo $row['p_id']; ?>')">
           <a href="#" data-toggle="tooltip" data-placement="top" title="indicated">A</a>
           </input>
           </p>

【讨论】：