Блог

Я использую Kendo UI. Я создаю tabstrip. Я добавляю в заголовок элемент с обработчиком событий. Код:

 <div>
    <div id="details">
        <div id="tabstrip">
            <ul>
                <li>First tab</li>
                <li>Second tab</li>
            </ul>
            <div id="firstTabPage"></div>
            <div id="secondTabPage"></div>
        </div>
    </div>
    <div id="indicator" style="float: right">Status</div>
</div>


<script type="text/javascript">
    $("#tabstrip").kendoTabStrip();

    $(document).ready(function () {

        $("#indicator").kendoTooltip({
            content: "<label><input type='checkbox'/>Activate</label><button>Save</button>"
        });
    });
</script>
  

Но событие не запускается (всплывающая подсказка не появляется). Другие события также не запускаются.
Что не так?

 <ul>
    <li>First tab</li>
    <li>Second tab</li>
    <div id="indicator" style="float: right">Status</div>
</ul>