2017-02-09 106 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>