【问题标题】:Tool tip not showing data工具提示不显示数据
【发布时间】:2018-03-15 18:34:15
【问题描述】:

我已经实现了一个工具提示来显示数据。该脚本似乎工作正常,但没有显示数据。当我将鼠标悬停在上面时它会显示警报消息,但我想显示自定义数据 请各位指点

工具提示的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>

【问题讨论】:

  • .tt_sub 没有name 属性
  • @Alex 没明白

标签: javascript php jquery


【解决方案1】:
$('.tt_sub').tooltip({
  title: function () {
    return $(this).closest('.form-row').find('.cb_tt').attr('name');
  }
});

【讨论】:

  • 虽然您的代码 sn-p 可能会解决问题,但您应该描述您的代码的目的是什么(它如何解决问题)。此外,您可能需要检查stackoverflow.com/help/how-to-answer
猜你喜欢
  • 2016-01-06
  • 1970-01-01
  • 2019-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-10
相关资源
最近更新 更多