Solved

HTML coding help

Posted on 2015-02-19
6
67 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
Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

 
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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

803 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