Question

我是Laravel的初学者。我有一个index.blade.php文件，该文件的数据为表格形式：

    <table class="table table-striped">
        <thead>
            <tr>
                <td>ID</td>
                <td>Name</td>
                <td>Available Date</td>
                <td colspan = 2>Actions</td>
            </tr>
        </thead>
        <tbody id="myTable">
            @foreach($event_detail['participants'] as $participant)
            <tr>
                <td class="can_filter">{{ $participant['id'] }}</td>
                <td class="can_filter" onmouseover="tooltip(this);">{{ $participant['name'] }}</td>
                <td class="can_filter">{{ $participant['date'] }}</td>
                <td>
                    <a href="{{ route('participants.edit', $participant['id']) }}" class="btn btn-primary">
                        Edit</a>
                </td>
                <td>
                    <form action="{{ route('participants.destroy', $participant['id']) }}" method="post">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger" type="submit">
                            Delete</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

我想用这个“工具提示（this）;”显示一些雄辩的数据（参与者名称，日期在mysql DB中，并且已经连接了。） JS功能：

$("tr").tooltip({
            track: true,
               $.ajax({
                    url:  
                    type:'post',
                    data:
                    success: function(){
                    }
                });
            }
        });

但是我不知道此工具提示功能需要哪个属性。有什么想法吗？

Answer 1

我将为您提供基本的解决方案。其余的您将相应地自定义。
首先，您可以在要显示工具提示的HTML标签内添加默认的title属性。

<td class="can_filter" id="tooltip_td" title="Any default tooltip title">{{ $participant['name'] }}</td>

然后在jquery中，您可以使用title属性添加工具提示标题

<script type="text/javascript">
    $(document).ready(function()
    {
        $('#tooltip_td').attr('title', "{{ $laravelTooltip }}");
    });
</script>

您也可以在不添加默认工具提示标题的情况下执行此操作。这是基本的解决方案，我希望您能获得基本的了解并可以自己定制。

如何使用jQuery“ Ajax”工具提示显示laravel雄辩的数据？

1 个答案: