JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="concerts">Loading Next Gig...</ul>
CSS
ul {
font-family: Lucida Grande, Arial, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #371C1C;
text-decoration: none;
background-color: none;
text-indent: 0px;
list-style-position: outside;
/* list-style-image: url(arrow.gif);*/
list-style-type: none;
padding: 6px;
margin: 2px;
}
ul a {
background-image: none;
background-repeat: no-repeat;
background-position: right;
padding-right: 0px;
padding-left: 0px;
line-height: 0px;
text-decoration: none;
font-family: Lucida Grande, Arial, sans-serif;
font-size: 12px;
color: #371C1C;
}
JavaScript
/* Copyright (c) 2007 Brandon Aaron ([email protected] || http://brandonaaron.net)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Version: 1.0.2
* Requires jQuery 1.1.3+
* Docs: http://docs.jquery.com/Plugins/livequery
*/
(function ($) {
$.extend($.fn, {
livequery: function (type, fn, fn2) {
var self = this,
q;
// Handle different call patterns
if ($.isFunction(type)) fn2 = fn, fn = type, type = undefined;
// See if Live Query already exists
$.each($.livequery.queries, function (i, query) {
if (self.selector == query.selector && self.context == query.context && type == query.type && (!fn || fn.$lqguid == query.fn.$lqguid) && (!fn2 || fn2.$lqguid == query.fn2.$lqguid))
// Found the query, exit the each loop
return (q = query) && false;
});
// Create new Live Query if it wasn't found
q = q || new $.livequery(this.selector, this.context, type, fn, fn2);
// Make sure it is running
q.stopped = false;
// Run it
$.livequery.run(q.id);
// Contnue the chain
return this;
},
expire: function (type, fn, fn2) {
var self = this;
// Handle different call patterns
if ($.isFunction(type)) fn2 = fn, fn = type, type = undefined;
// Find the Live Query based on arguments and stop it
$.each($.livequery.queries, function (i, query) {
if (self.selector == query.selector && self.context == query.context && (!type || type == query.type) && (!fn || fn.$lqguid == query.fn.$lqguid) && (!fn2 || fn2.$lqguid == query.fn2.$lqguid) && !this.stopped) $.livequery.stop(query.id);
});
// Continue the chain
...