Kendo tooltip showing error in console -
i have written code kendo tooltip , showing error -
uncaught typeerror: object [object object] has no method 'kendotooltip'
it editable listview in kendowindow.
here code
<span style="float: right; margin-top: 4px;"> <a id="mortgage_add_row" href="#"><img src="<?php echo static_dir; ?>images/icon7.png" alt="" height="36" width="37"></a> <a id="mortgage_delete_row" href="#"><img src="<?php echo static_dir; ?>images/icon8.png" alt="" height="36" width="37"></a> <a id="mortgage_edit_row" class="k-edit" href="#"><img src="<?php echo static_dir; ?>images/icon9.png" alt="" height="36" width="37"></a> <a id="mortgage_save_row" class="k-insert" href="#"><img src="<?php echo static_dir; ?>images/icon10.png" alt="" height="36" width="37"></a> </span><div class="clear"></div>
these links crud buttons , bound respective actions.
$(document).ready(function() { // other code. // add row $("#mortgage_add_row").on("click", function(event) { event.preventdefault(); mortage_listview.add(); }); // delete row $("#mortgage_delete_row").on("click", function(event) { event.preventdefault(); mortage_listview.remove(mortage_listview.element.children().first()); if (datasource.total() < 1) { mortage_listview.add(); } else { datasource.read(); } }); // edit row $("#mortgage_edit_row").on("click", function(event) { event.preventdefault(); mortage_listview.edit(mortage_listview.element.children().first()); }); // save row $("#mortgage_save_row").on("click", function(event) { event.preventdefault(); mortage_listview.save(); }); if (!kendowindow_mortgage.data("kendowindow")) { kendowindow_mortgage.kendowindow({ width: "520px", title: "" }); } $("#mortgage_add_row").kendotooltip({ content: "hello!" }); });
any appreciated.
thanks.