search

ppyordanov / Dynamic-Noise-and-Pollution-Map

A dynamically generated University of Glasgow noise and pollution campus map via the innovative Smart Citizen Kit developed in Barcelona, Spain by FabLab.
0 stars 0 forks source link

jQuery & Bootstrap Conflict #74

Closed ppyordanov closed 9 years ago

ppyordanov commented 9 years ago

There is an issue with some functional components on the web server that use the jQuery UI library and they do not behave as expected, resulting in errors in the web console. Also, some "File Not Found" (error code 404) errors are generated for files associated with the jQuery UI lib. Those need to be resolved.

ppyordanov commented 9 years ago

Fortunately, other people have encountered the same issue and someone has uploaded the UI library icons to their hosted server space and once I downloaded them, preserving the required hierarchy, everything started working.

Here is a resource link to the icon images:

Below is my resource project structure and where the icon files are located:

I also fixed the conflict between the two scripts by switching their places (took a while to figure out). It appears that bootstrap.js was conflicting with jquery-ui.js but once they were swapped the issues dissappeared:


    <script src="${pageContext.request.contextPath}/resources/external/jquery/jquery-1.11.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/resources/external/bs/js/bootstrap.js"></script>
    <script src="${pageContext.request.contextPath}/resources/external/jquery/jquery-ui.js"></script>

    <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?v=3.8&libraries=geometry,visualization&sensor=false"></script>
    <script src="${pageContext.request.contextPath}/resources/custom/map_styles.js"></script>
    <script src="${pageContext.request.contextPath}/resources/custom/map.js"></script>