JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="https://getfirebug.com/firebug-lite.js"></script>
 <ul id="panelbar">
     <li>Item 1
         <ul>
             <li><a class="popup">Sub Item 1</a></li>
             <li>Sub Item 2</li>
         </ul>
     <li>
     <li>Item 2</li>
     <li>Item with Content
         <div>This is some PanelBar Item content</div>
     </li>
     </ul>

JavaScript

var panelBar = $("#panelbar").kendoPanelBar().data("kendoPanelBar");

panelBar.bind("select", function() {
    console.log("select event");
});

$("#panelbar").delegate("a.popup", "click", function() {
    console.log("click event");
});