2017-02-08 15 views
1

私のPHPページでjquery-ui tooltip()を使用しようとすると、次のエラーが発生します。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(データ)がページに表示されるHTMLコンテンツとVARのコンテンツを埋めるだけの機能です。このページには「sfp」クラスのタグが含まれています。このタグにはツールチップが表示されます。

私は間違っていますか?私はちょうど私がそれを最新バージョンにすべてのjQueryとjQueryの-UIファイルをアップグレードし、bootstrap.jsとtether.jsを挿入解決

+0

誰かが尋ねる前に、jquery-ui.min.jsは最新バージョンである –

答えて

0

ブートストラップライブラリを追加してみてくださいと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> 
+0

これらの行を追加しませんでした。 –

0

を把握することはできませんツールチップ()を機能させる。

<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> 
関連する問題