2017-02-09 122 views
-2

我得到了一個html頁面#main,它是由javascript函數完全加載的loadNe()。在頁面被Ajax調用完全加載後,當鼠標移過某些行時,我想要顯示一些工具提示。這些工具提示使Ajax請求展示其內容。問題是:jquery tooltip()php ajax請求不起作用

工具提示()中的「open:」函數可能永遠不會執行,因爲控制檯中沒有任何內容被console.log()打印在其中。也沒有網絡請求被髮送到工具提示的Ajax網址。但是,當我將鼠標懸停在元素上時,工具提示仍在工作,它向我展示了標題的標籤內容「正在加載...」。

這裏可能會出現什麼問題?

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>