Fixed issues with visibleMarkersList and location list background colors and selection

Author: bjorn2404

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",

dist/assets/js/plugins/storeLocator/jquery.storelocator.js

@@ -1,4 +1,4 @@
-/*! jQuery Google Maps Store Locator - v2.5.0 - 2016-03-06
+/*! jQuery Google Maps Store Locator - v2.5.1 - 2016-03-12
 * http://www.bjornblog.com/web/jquery-store-locator-plugin
 * Copyright (c) 2016 Bjorn Holine; Licensed MIT */
 
@@ -1711,6 +1711,10 @@
 					$('.' + _this.settings.locationList + ' ul').append(listHtml);
 				}
 			});
+
+			// Re-add the list background colors
+			$('.' + this.settings.locationList + ' ul li:even').css('background', this.settings.listColor1);
+			$('.' + this.settings.locationList + ' ul li:odd').css('background', this.settings.listColor2);
 		},
 
 		/**
@@ -2206,10 +2210,6 @@
 						_this.settings.callbackListClick.call(this, markerId, selectedMarker);
 					}
 
-					// Focus on the list
-					$('.' + _this.settings.locationList + ' li').removeClass('list-focus');
-					$('.' + _this.settings.locationList + ' li[data-markerid=' + markerId + ']').addClass('list-focus');
-
 					map.panTo(selectedMarker.getPosition());
 					var listLoc = 'left';
 					if (_this.settings.bounceMarker === true) {
@@ -2228,6 +2228,10 @@
 					if (_this.settings.selectedMarkerImg !== null) {
 						_this.changeSelectedMarker(selectedMarker);
 					}
+
+					// Focus on the list
+					$('.' + _this.settings.locationList + ' li').removeClass('list-focus');
+					$('.' + _this.settings.locationList + ' li[data-markerid=' + markerId + ']').addClass('list-focus');
 				});
 			}
 

dist/assets/js/plugins/storeLocator/jquery.storelocator.min.js

@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",

package.json

@@ -35,9 +35,13 @@ filtering.
 
 ## Changelog
 
+### Version 2.5.1
+
+* Fixed issues with visibleMarkersList and location list background colors and selection.
+
 ### Version 2.5.0
 
-* Added new dragSearch setting which peforms a new search when the map is dragged when enabled.
+* Added new dragSearch setting which performs a new search when the map is dragged when enabled.
 * Added new geocodeID setting so that the HTML geocoding API can be triggered by a button instead of firing automatically.
 * Fixed issues with no results where clicking the marker would display data from the previous result and clicking the location list item would throw an error.
 * Merged in pull request from [hawkmeister](https://github.com/hawkmeister) with update to bower.json file with main property.

readme.md

@@ -1708,6 +1708,10 @@
 					$('.' + _this.settings.locationList + ' ul').append(listHtml);
 				}
 			});
+
+			// Re-add the list background colors
+			$('.' + this.settings.locationList + ' ul li:even').css('background', this.settings.listColor1);
+			$('.' + this.settings.locationList + ' ul li:odd').css('background', this.settings.listColor2);
 		},
 
 		/**
@@ -2203,10 +2207,6 @@
 						_this.settings.callbackListClick.call(this, markerId, selectedMarker);
 					}
 
-					// Focus on the list
-					$('.' + _this.settings.locationList + ' li').removeClass('list-focus');
-					$('.' + _this.settings.locationList + ' li[data-markerid=' + markerId + ']').addClass('list-focus');
-
 					map.panTo(selectedMarker.getPosition());
 					var listLoc = 'left';
 					if (_this.settings.bounceMarker === true) {
@@ -2225,6 +2225,10 @@
 					if (_this.settings.selectedMarkerImg !== null) {
 						_this.changeSelectedMarker(selectedMarker);
 					}
+
+					// Focus on the list
+					$('.' + _this.settings.locationList + ' li').removeClass('list-focus');
+					$('.' + _this.settings.locationList + ' li[data-markerid=' + markerId + ']').addClass('list-focus');
 				});
 			}
 

src/js/jquery.storelocator.js

@@ -3,7 +3,7 @@
     "title": "jQuery Google Maps Store Locator",
     "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
     "keywords": ["jquery","locator","store", "location", "locations", "maps", "map", "stores", "find"],
-    "version": "2.5.0",
+    "version": "2.5.1",
     "author": {
         "name": "Bjorn Holine",
         "url": "http://www.bjornblog.com/"