Get started with jquery-weui CDN

MIT licensed

JQuery WeUI: Mobile UI library for jQuery, offering fast, responsive components.

Tags:
  • jQuery WeUI
  • weui
  • wechat
  • weixin
  • css
  • less
  • mobile
  • jQuery
  • Zepto

Stable version

Copied!

How to start using jquery-weui CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery-weui@1.2.1/dist/css/jquery.weui.min.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://cdn.cdnhub.io/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
</head>
<body>
  <div id="content">
    <h1 id="title">Welcome to jquery-weui!</h1>
    <p id="description">This is a simple example using jquery-weui library.</p>
    <button id="btn-dialog">Show Dialog</button>
  </div>

  <script>
    $(function() {
      $('#btn-dialog').on('click', function() {
        $.weui.dialog('This is a simple dialog box.');
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions