jQuery ListBox

Bind to the dragStart event by type:jqxListBox. Author: http://jqwidgets.com

by Sumesh TG

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxListBox'></div>
<div id="log"></div>

JavaScript

var source = [
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Café au lait"];

  // Create a jqxListBox
  $("#jqxListBox").jqxListBox({
      source: source,
      theme: 'energyblue',
      allowDrag:true
      
      });
  $("#jqxListBox").on('dragStart', function (event) {
  var $dragElement = $('.jqx-draggable-dragging').first();
      $("#log").text("Dragging: " + event.args.label);
});