2017-02-09 14 views
-2

javacript関数によってロードされた#mainというHTMLページがあります。loadNe() Ajax呼び出しでページが完全に読み込まれた後、いくつかの行をマウスオーバーするといくつかのツールチップが表示されます。これらのツールチップは、Ajaxのコンテンツの表示を要求します。問題は次のとおりです。jquery tooltip()php ajaxリクエストが機能しない

tooltip()内の "open:"機能は、console.log()の中に何も表示されないため、おそらく実行されません。また、ツールチップのajax URLにはネットワークリクエストも送信されません。しかし、私は要素をマウスオーバーすると、ツールチップが動作しています、それは私にタイトルのタグ内容 "Loading ..."を示しています。

ここで何が問題になりますか?

function loadNe(ne){ 
     $.ajax({ 
      type: "GET", 
      url: "/NOKIA/fx-load.php?label=" + ne, 
      dataType: "text", 
      success: function (data){ 
       var content = fillResult(data); 
       $("#main").html(content).hide(); 
       $("#main").fadeIn("slow"); 
       $(".sfp").tooltip({ 
        track: true, 
        open: function (event, ui){ 
         var sfp = $(this).text(); 
         console.log("1-executing.."+sfp); 
         $.ajax({ 
          type: "GET", 
          url: "/NOKIA/sfp-load.php?sfp="+sfp, 
          dataType: "json", 
          success: function(data){ 
           console.log("2-executing.."+data["reach"]); 
           var html = "<tr><td>Alance: "+data["reach"]+"</td></tr>"+ 
              "<tr><td>Tamanho de onda: "+data["wavelength"]+"</td></tr>"+ 
              "<tr><td>Limiar Rx: "+data["rx_min"]+"</td></tr>"; 
           $(".sfp").tooltip('option','content',html); 
          } 
         });        
        } 
       }); 
      } 
     }); 
    } 

答えて

0

問題は、私はJS-ui.min.js前bootstrap.min.jsをロードしていました。 tooltip()関数は、js-uiの代わりにブートストラップライブラリを実行していました。そこで、ここではローディングの順序を逆にしました。

<script src="bootstrap/js/bootstrap.min.js"></script> 
<script src="js-ui/jquery-ui.min.js"></script> 
関連する問題