New to Kendo UI for jQuery? Start a free 30-day trial

Fires when an AJAX request for the content completes.

<span id="target" title="Tooltip content">
  Some content
</span>

<script>
  $(document).ready(function() {
    $("#target").kendoTooltip({
      content: {
        url: "https://demos.telerik.com/kendo-ui/content/web/tooltip/ajax/ajaxContent3.html"
      },
      width: 220,
      height: 280,
      contentLoad: function() {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("content is loaded");
      }
    });
  });
</script>
<span id="target" title="Tooltip content">
  Some content
</span>

<script>
  $(document).ready(function() {
    var tooltip = $("#target").kendoTooltip({
      content: {
        url: "https://demos.telerik.com/kendo-ui/content/web/tooltip/ajax/ajaxContent3.html"
      },
      width: 220,
      height: 280
    }).data("kendoTooltip");

    tooltip.bind("contentLoad", function() {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("content is loaded");
    });
  });
</script>
Not finding the help you need?
Contact Support