jquery-ui tooltip（）函數無法識別

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 個解決方案

解決方案1
0 2017-02-08 18:43:23

解決方案2
0 2017-02-09 12:59:16

jquery-ui tooltip（）函數無法識別

問題描述

2 個解決方案

解決方案1 0 2017-02-08 18:43:23

解決方案2 0 2017-02-09 12:59:16

解決方案1
0 2017-02-08 18:43:23

解決方案2
0 2017-02-09 12:59:16