Question

我在php页面中尝试使用jquery-ui tooltip（）时遇到以下错误。

15:10:28.470 TypeError: t(...).on is not a function 1 jquery-ui.min.js:6:21131
17:30:03.550 TypeError: $(...).tooltip is not a function 1 fx-analisys.php:50:6

我的php页面：

<html>
<?php var $content = "<script type=\"text/javascript\">
                         $(document).ready(function(){
                             loadNe(\"MSAN-MCD\");
                         });
                      </script>"
?>

<head>    
<link rel="stylesheet" href="css/jquery.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
     function loadNe(ne){
        $.ajax({
            type: "GET",
            url: "/NOKIA/fx-load.php?label=" + ne,
            async: true,
            dataType: "text",
            success: function (data){
                var content = fillResult(data);
                $(".sfp").tooltip();
            }
        });
     }
</script>
</head>

<body>
     <?php echo $content; ?>
</body>
</html>

函数fillResult（data）只是一个用将在页面中显示的html内容填充var内容的函数。这个页面包含一个带有“sfp”类的标签，我希望在其上看到一个工具提示。

我做错了什么？我只是想不通

Answer 1

尝试添加bootstrap库和css

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Answer 2

我解决了将所有jquery和jquery-ui文件升级到最新版本并插入bootstrap.js和tether.js以使tooltip（）工作的问题。

<link rel="stylesheet" href="js-ui/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="tether/dist/js/tether.min.css" type="text/css" />

<script src="js/jquery.min.js"></script>
<script src="js-ui/jquery-ui.min.js"></script>
<script src="tether/dist/js/tether.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

jquery-ui tooltip（）函数无法识别

2 个答案: