Как отобразить красноречивые данные с помощью всплывающей подсказки jquery «Ajax»?

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>

, и я хочу показать некоторые красноречивые данные (имя участника, дата, которая есть в базе данных mysql. И она уже подключена). с этой "подсказкой (этим)";Функция JS:

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

, но я понятия не имею, какой атрибут нужен этой функции всплывающей подсказки. есть идеи?

Answer 1

Я собираюсь дать вам базовое решение для этого. Остальное вы настроите соответствующим образом.
Сначала вы можете добавить атрибут title по умолчанию внутри тега HTML, где вы хотите показать подсказку.

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

Затем в jquery вы можете использовать * 1006. * атрибут для добавления заголовка всплывающей подсказки

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

Вы также можете сделать это без добавления заголовка всплывающей подсказки по умолчанию. Это базовое решение, и я надеюсь, что вы получите базовое понимание и сможете настроить его самостоятельно.