Solved

HTML coding help

Posted on 2015-02-19
6
71 Views
Last Modified: 2015-03-03
I have a broken code on my site and need assistance. The website has a drop down menu and a carousel wow slider. One is breaking the other if I remove the dropdown menu script the slider works if I remove the slider script the drop down menu works. How can I keep both and have those both worked nicely.

The code has attached below the one I believe is causing the issue is highline on red
code.docx
0
Comment
Question by:Dj_zirwo01
  • 4
  • 2
6 Comments
 
LVL 11

Expert Comment

by:Dany Balian
ID: 40620200
Just try to remove this line

<script type="text/javascript" src="engine1/jquery.js"></script>
0
 

Author Comment

by:Dj_zirwo01
ID: 40620220
no go
0
 
LVL 11

Expert Comment

by:Dany Balian
ID: 40620245
Well the reason behind the conflict is that u're referencing jquery twice! Once jquery 1.9 and once the line that i stated!

Try to remove the first reference to see if that works!
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 11

Expert Comment

by:Dany Balian
ID: 40620247
Also if u coild give us any errors that u r getting in the javascript console.. That would be helpful
0
 

Author Comment

by:Dj_zirwo01
ID: 40620388
How do I do that....I sent you the link to the site in an message.
0
 
LVL 11

Accepted Solution

by:
Dany Balian earned 500 total points
ID: 40621359
ok, it seems that you're using an outdated version of the wowslider, that version is incompatible with jquery 1.9..
check this post!

Jquery carousel slider conflicts with menu

simply download the new jquery 1.9.1
and the new wowslider and then in your code you have to reference only:jquery 1.9.1 once

replace
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
with
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
and then remove the line:
<script type="text/javascript" src="engine1/jquery.js"></script>

it should work
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question