Question

我有一个html页面#main，它由javascript函数 loadNe（）完全加载。通过Ajax调用完全加载页面后，我希望在鼠标悬停某些行时显示一些工具提示。这些工具提示使Ajax请求展示其内容。问题是：

tooltip（）中的“open：”函数可能永远不会被执行，因为控制台中的任何内容都没有被console.log（）打印出来。并且也没有网络请求发送到工具提示的ajax URL。但是，当我将鼠标悬停在元素上时，工具提示正在工作，它向我显示标题的标记内容“正在加载...”。

这里可能出现什么问题？

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);
                            }
                        });                             
                    }
                });
            }
        });
    }

Answer 1

问题是我在js-ui.min.js之前加载了bootstrap.min.js。 tooltip（）函数正在执行bootstrap库而不是js-ui。所以我把加载的顺序颠倒了，因为它在这里：

<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js-ui/jquery-ui.min.js"></script>

jquery tooltip（）php ajax请求不起作用

1 个答案: