Question

当我将该元素悬停在类.notice上时，工具提示会显示蓝色。当我再次悬停它时，它会向我显示Ajax返回的内容。

        <script>
            $(".notice").tooltip();
            $(".notice").mouseover(function() {
                $.ajax({
                    type: "post",
                    url: "/wp-content/themes/your-click/ajax-request.php",
                    data: { comment_id_tooltip: $(this).attr("id") },
                    success: function(result) {
                        $(".notice").attr("title", result);
                    }
                });
            });
        </script>
<td><i title="blue" id="' . $get_uncontacted_member->id . '" class="fa fa-comment-o notice comment_form"></i></td>

我怎样才能摆脱这种蓝色＆＃39;并使工具提示从一开始就开始显示Ajax的内容？

Answer 1

您可以在加载时获取工具提示，而不是鼠标悬停。

<script>
  $(document).ready(function() {
    $.ajax({
        type: "post",
        url: "/wp-content/themes/your-click/ajax-request.php",
        data: { comment_id_tooltip: $('.notice').attr("id") },
        success: function(result) {
        $(".notice").attr("title", result);
        $(".notice").tooltip();
      }
    });
  });
</script>
<td><i title="blue" id="' . $get_uncontacted_member->id . '" class="fa fa-comment-o notice comment_form"></i></td>

属性值＃39;标题＆＃39;已经改变。如何让工具提示理解它？

1 个答案: