工具提示不显示数据

Question

我已经实现了一个工具提示来显示数据。 该脚本似乎运行正常，但没有显示数据。当我将鼠标悬停在上方但我想显示自定义数据时，它的确显示了警告消息。

工具提示的Javascript：

$('.tt_sub').hover(function () {
   alert("HELLO");
   $('.tt_sub').tooltip({title: function () {
     return $(this).attr('name');
   }
  });
});

PHP代码

<tbody>
        <?php

        $weekday = ["", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

        for ($i = 1; $i < 7; $i++) {
            ?><tr><td><?php echo $weekday[$i] ?></td>
                <?php
                for ($j = 1; $j <= sizeof($slot_id); $j++) {
                    ?>
                    <td>
                        <div class="form-row"  >
                            <div class="form-group col-md-3">
                                <input class="cb_tt" id="<?php echo $slot_id[$j] ?>" name="<?php echo $i ?>" type="checkbox"/>
                            </div>
                            <div class="form-group col-md-3 tt_sub" id="<?php echo $slot_id[$j].$i ?>">

                            </div>
                            <div style="display: none;" class="tt_tea" id="<?php echo $slot_id[$j].$i ?>">

                            </div>

                        </div>
                    </td>
                    <?php
                }
                ?></tr><?php
        }
        ?>
    </tbody>

Answer 1

$('.tt_sub').tooltip({
  title: function () {
    return $(this).closest('.form-row').find('.cb_tt').attr('name');
  }
});