如何使用Material Design＆＃34; mdl-tooltip＆＃34;在一个循环中

Question

我正在使用materialdesign libary＆＃39;提示： https://getmdl.io/components/#tooltips-section

我想在循环中使用此功能，但这当然不会起作用，因为mdl正在使用＆＃34; id＆＃34;＆＃34;（在此示例中为tt4） ）触发图标并显示其工具提示。

如何让它在循环中工作并将正确的工具提示链接到右图标？

非常感谢你！

我的php laravel刀片代码：

                <td>
                @if ($note->text)
                    <div id="tt4" class="icon material-icons">info</div>
                    <div class="mdl-tooltip" for="tt4">
                        {!! md($note->text) !!}
                    </div>
                @endif

            </td>

Answer 1

您是否尝试过使用PHP echo动态注入代码。 首先要运行PHP，因此它将为您评估所有其他内容。

 echo "<div id="+$blah+">";

类似的东西

动态生成MDL时，您可能需要使用以下内容：

componentHandler.upgradeElements($('.mdl-tooltip').get());