jQuery Event Based Notification Plugin For Bootstrap - BS-Alerts
File Size: | 13.2 KB |
---|---|
Views Total: | 8080 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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.