jQuery Event Based Notification Plugin For Bootstrap - BS-Alerts

BS-Alerts is a jQuery plugin that make it easy to create jQuery event based notification bar (warning, error, info, success) using Twitter Bootstrap and HTML5 data- attribute.

You might also like:

• Stackoverflow Like Notification Bar for jQuery - Howdy-do
• Smooth Sliding Notification Bar Plugin - msgTips
• Elegant iOS-like Notification Plugin - ClassyNotty
• JS Notification Plugin For Bootstrap or jQuery UI - Pines Notify
• Simple Notification Bar Plugin - jBar
• Alertify - Customizable jQuery Notification Plugin
• noty - Cool Jquery Notification Plugin
• Cool Animated Notification Plugin with jQuery - jGrowl

Basic Usage:

1. Markup

<div data-alerts="alerts" data-titles="{'warning': '<em>Warning!</em>'}" data-ids="myid"></div>

2. Include necessary javascript files on your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="jquery.bsAlerts.js"></script> 

3. Include Bootstrap CSS files in the head section

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />

4. Call the plugin with options

<script>
$(document).trigger("add-alerts", [
  {
    'message': "This is a warning.", // 
    'priority': 'warning' // error, warning, success
  }
]);
</script>

Change Log:

v1.0.5 (2017-04-27)

• update.

v1.0.3 (2017-1-05)

• update.

v0.1.5 (2014-3-16)

• update.

---

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