Решения следующие:
1) Если вам не нужно перетаскивание блоков просто удаляете из index.html подключение
Scripts/jquery.ui.touch-punch.js. Именно он не дает корректно отработать нажатию на кнопки
<button class='change-color'>change color</button><br>"
<button class='remove'>remove</button>"
2) Если хотите оставить полный функционал,- здесь посложнее:
1. Качайте свежие версии jquery и jquery-ui. Я Использовал версии jquery-1.11.2.js и jquery-ui-1.11.4.min.js соответственно. Брал отсюда:
https://cdnjs.com/libraries/
2. Качаете обычную(не минимизированную) версию jQuery UI Touch Punch 0.2.3. Брал отсюда:
touchpunch.furf.com
3. В файле Scripts/main.js, после строк
var $dialog = $("#dialog")
.dialog({
resizable: false
});
добавляем строку
$('#dialog').parent().css({'z-index': '99999'});
Это для того чтобы окошки "Drag Me" не перекрывали диалога изменения цвета
4. В jquery.ui.touch-punch.js ищем 130 строку. Должны увидеть:
.....
// If the touch interaction did not move, it should trigger a click
if (!this._touchMoved) {
// Simulate the click event
simulateMouseEvent(event, 'click');
}
....
Здесь нужно закомментировать проверку. Т.е. получается
.....
// If the touch interaction did not move, it should trigger a click
// if (!this._touchMoved) {
// Simulate the click event
simulateMouseEvent(event, 'click');
// }
// Unset the flag to allow other widgets to inherit the touch event
.....
Собственно все. Сохраняем,- проверяем.
