Get started with jqueryui-touch-punch CDN

(MIT OR GPL-2.0) licensed

The jQuery UI Touch Punch library enhances touch-device support for jQuery UI widgets.

Tags:
  • touch
  • jquery
  • events

Stable version

Copied!

How to start using jqueryui-touch-punch CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.min.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.cdnhub.io/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
</head>
<body>
  <div style="width: 300px; height: 300px; border: 1px solid #ccc; float: left; margin: 10px;">
    <div id="draggable" class="ui-widget-content">
      <p>Drag me!</p>
    </div>
  </div>
  <script>
    $(function() {
      $("#draggable").draggable();
    });
  </script>
</body>
</html>
Copied!

All versions