163
rated 0 times
[
167]
[
4]
/ answers: 1 / hits: 16629
/ 11 Years ago, thu, july 18, 2013, 12:00:00
My site was working extremely fine with jQuery Ui and all but suddenly I changed a color and it stopped! Any hints why this happened? I tried writing the JavaScript in the HTML file itself as well as linking as a separate .js file. Both did not seem to work.
MY HTML :
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>Spree 2014 | BITS - Pilani, K. K. Birla Goa Campus Sports Festival</title>
<link rel=stylesheet type=text/css href=teaser.css />
<LINK REL=SHORTCUT ICON HREF=http://s9.postimg.org/jtx29pdbf/bits.png />
<script src=//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js></script>
<script src=http://code.jquery.com/ui/1.10.1/jquery-ui.js></script>
<script type=text/javascript src=teaser.js></script>
</head>
<body>
<div id=sidebar>
<img src = images/arrow.png alt = Click to open id = arrow>
</div>
<div id =gallery class = hidden><div class=text>Gallery</div></div>
<div id = lookback class = hidden><div class=text>Lookback</div></div>
<div id = timer class = hidden><div class=text>Timer</div></div>
<div id=social>
<a href=https://www.facebook.com/bitsspree?fref=ts><img src=images/fb.png alt = Contact us on Facebook id = fb></a>
<a href=https://twitter.com/bitsspree><img src=images/twitter.png alt = Stay tuned on twitter id = twitter></a>
</div>
<div id=tabs>
<ul>
<li><a href=>About</a></li>
<li><a href=>Sponsors</a></li>
<li><a href=>Contact</a></li>
<li><a href=>Subscribe</a></li>
</ul>
</div>
<div>
<div id=logo>
<img src=images/spreelogo.png alt=Spree Pure Sport | Run | Rise | Reach></img>
</div>
<div id=bits>
<img src=images/bits.png alt=Spree Pure Sport | Run | Rise | Reach></img>
</div>
<div id=man>
<img src=images/runningman.png alt=Spree Pure Sport | Run | Rise | Reach></img>
</div>
</body>
MY JS FILE:
$(document).ready(function(){
$(#bits).hide();
$(#lookback).hide();
$(#timer).hide();
$(#arrow).click(function(){
$(#sidebar).hide();
$(#gallery).show( fold, 2000 );
$(#lookback).show( fold, 2000 );
$(#timer).show( fold, 2000 );
});
});
More From » html