or
<
ul
data-role
=
"buttongroup"
data-bind
=
"index: selectedTabIndex, events: { select: tabSelected }"
>
<
li
>Item1</
li
>
<
li
>Item2</
li
>
<
li
>Item3</
li
>
</
ul
>
$('#teamStatsPage #teamPlayersDiv').kendoDraggable({
filter: 'li span.k-header',
hint: function (item) {
//parse HTML to get player ID
var currentPlayerHTML = $.parseHTML(item.context.innerHTML);
return $(item).clone().css({ background: "#CCCCCC", height: "30px", width: "200px", opacity: "0.5", border: "1px solid #666666", "text-align": "center" }).html(item[0].innerText).attr("data-id",$(currentPlayerHTML)[1].attributes[0].value);
},
dragend: draggableOnDragEnd,
dragstart: draggableOnDragStart
});
<
span
class
=
"k-link k-header"
<img
class
=
"k-image"
alt
=
""
src
=
"http://srvprd.blob.core.windows.net/xxx/20110.jpg"
>
<
span
data-id
=
"1302"
>John</
span
>
<
span
class
=
"k-icon k-i-arrow-s k-panelbar-expand"
></
span
>
</
span
>