Simple jQuery UI & jQuery Mobile Message Box Plugin

File Size: 22.5 KB
Views Total: 3108
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple jQuery UI & jQuery Mobile Message Box Plugin

Message.js is a lightweight jQuery plugin that makes use of jQuery UI and jQuery Mobile styles to show info or error message boxes on your webpage/web application.

More examples:

Basic usage (Styled with jQuery UI):

1. Load jQuery library and jQuery UI framework on your web page.

<link href="//">

<script src="//"></script>
<script src="//"</script>

2. Load the jQuery message.js plugin's stylesheet & script on the web page.

<link href="path/to/jquery.ui.message.css" rel="stylesheet">
<script src="path/tojquery.ui.message.js"></script>

3. Show a basic error message box with custom message and a dismiss link.

  type: "error", 
  message: "Custom message" 

4. Options and defaults.


  // leave blank to use element html
  message: "", 

  // info or error
  type: "info", 

  // append 'Click to dismiss' to message and hide on click
  dismiss: true, 

  // show on initialize
  autoShow: true 


5. Public methods.

// shows the message box

// hides the message box

// changes the options
$fn.message('options', {// OPTIONS});

// destroy the plugin


v1.11.4 (2021-09-02)

  • Bugfix


  • Replaced 'dismiss' with built in close button
  • Added bootstrap.message and updated demos

This awesome jQuery plugin is developed by jrummell. For more Advanced Usages, please check the demo page or visit the official website.