这是在 laravel 中添加工具提示的正确方法吗?

Posted

技术标签:

【中文标题】这是在 laravel 中添加工具提示的正确方法吗?【英文标题】:Is this the right way to add tooltips in laravel? 【发布时间】:2017-03-10 10:42:26 【问题描述】:

据我所知,通过使用 laravel,我们可以轻松添加工具提示 twitter-bootstrap。

在 app.blade.php 文件中添加 CDN 并在标签上应用函数以正确显示消息。

简单示例:

app.blade.php 文件

<head>
    <!-- Bootstrap CSS CDN-->
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
</head>

<body> 
    <!-- Place the end of the tag - jQuery (necessary for Bootstrap's javascript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script>
            $( document ).ready(function() 
                $('[data-toggle="tooltip"]').tooltip('placement': 'top');
            );
        </script>
</body>

index.blade.php

如果我们想在按钮上显示消息,我们可以这样做。

<a class="btn btn-info" href="#" data-toggle="tooltip" rel="tooltip" data-placement="top" title="Detalle usuario"> <i class="material-icons">aspect_ratio</i> </a>

【问题讨论】:

由于您已经将数据放置设置为顶部内联样式,因此 .tooltip('placement': 'top') 将不是必需的。所有其他,是的,这就是您正确初始化引导工具提示的方式,而不管使用的 php 框架如何...... 您的 html 代码是否显示工具提示? 已显示,但我想知道是否有其他方法,因为我看到与工具提示相关的内容很少。 【参考方案1】:

由于您已经将数据放置设置为顶部内联样式,因此 .tooltip('placement': 'top') 将不是必需的。所有其他的,是的,这就是您正确初始化引导工具提示的方式,而不管使用的是什么 php 框架……——来自 Valkyrurr。

【讨论】:

以上是关于这是在 laravel 中添加工具提示的正确方法吗?的主要内容,如果未能解决你的问题,请参考以下文章

这是在Laravel中一次发送多封邮件的好方法吗?

这是在 JavaScript 中形成闭包的正确方法吗? [关闭]

这是在 React 中更改对象状态变量的最安全、最正确的方法吗?

这是在 .netCore 项目中使用 LINQ 查询连接两个表的正确方法吗?

这是在pyspark上做乘法的正确方法吗?

这是在Java中将字符转换为字符串的正确方法吗? [复制]