contentLoad

Fires when an AJAX request for the content completes.

Example - subscribing to the contentLoad event during initialization

<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>

Example - subscribing to the contentLoad event after initialization

<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>
In this article