problems with rendering jquery in some browsers
Page 1 of 1
problems with rendering jquery in some browsers
I'm currently using JQuery animations on my website. The animations work fine; however, sometimes when the page is loaded, the divs containing the animation load in an incorrect position. If at first you dont see it, refresh the page until the divs are situated differently. The misplaced divs will stay this way until the mouse hover overs, the browser then adjusts the positioning to the correct location. The divs with the problem are the row1, row2, and row3 divs. I'm looking for a way to get the div to load in the right location 100% of the time.this problem occurs on this page of my site: http://derektice.com/pages/thirdyear.html
Any help is very much appreciated. Thanks!
html
- Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>PORTFOLIO || Derek Tice</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<link href="../stylesheets/global.css" rel="stylesheet" type="text/css">
<link href="../stylesheets/thirdyear.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../stylesheets/thirdyear.js"></script>
<script type="text/javascript" language="javascript">
window.onload = function()
{
init();
};
</script>
</head>
<div style="width:1px; height:1px; visibility:hidden; overflow:hidden">
<img src="../images/nav_bar/home-hover.png" />
<img src="../images/nav_bar/about-hover.png" />
<img src="../images/nav_bar/contact-hover.png" />
<img src="../images/nav_bar/downloads-hover.png" />
<img src="../images/nav_bar/fourthyear-hover.png" />
<img src="../images/nav_bar/thirdyear-hover.png" />
<img src="../images/nav_bar/secondyear-hover.png" />
<img src="../images/nav_bar/extra-hover.png" />
</div>
<body>
<div id="container">
<div id="titleblock">
<a href="../index.html"><img src="../images/title.png"></a>
<div id="navigation">
<a href="../index.html" class="home"></a>
<a href="about.html" class="about"></a>
<a href="contact.html" class="contact"></a>
<a href="downloads.html" class="downloads"></a>
<p>
<a href="fourthyear.html" class="fourth"></a>
<a href="thirdyear.html"><img src="../images/nav_bar/thirdyear-hover.png"></a>
<a href="secondyear.html" class="second"></a>
<a href="extra.html" class="extra"></a>
</div>
<div id="content">
<div class="row1">
<div class="img-wrap">
<div class="testinglabfilter"></div>
<a href="testinglab.html"><div class="overlay"></div></a>
<a href="testinglab.html"><img src="../images/testinglab.png"/></a>
<div id="text1"></div>
</div>
</div>
<div class="row2">
<div class="img-wrap">
<div class="cohousingfilter"></div>
<div class="overlay"></div>
<a href="cohousing.html"><img src="../images/cohousing.png"/></a>
<div id="text2"></div>
</div>
</div>
<div class="row3">
<div class="img-wrap">
<div class="libraryfilter"></div>
<div class="overlay"></div>
<a href="library.html"><img src="../images/library.png"/></a>
<div id="text3"></div>
</div>
</div>
</div>
</div>
<div id="copyright">
Copyright © 2013 || All rights reserved
</div>
</div>
</body>
</html>
css
- Code: Select all
body{
width:1012px;
margin-right:auto;
margin-left:auto;
text-align:left;
font-family:arial;
font-size:11px;
color:#c9c9c9;
margin-top:0px;
}
a img{
border:none;
}
#container{
width:1012px;
height:423px;
background-color:#ffffff;
top:15%;
position:absolute;
}
#titleblock{
width:200px;
height:403px;
background-color:#4a4a4a;
opacity:.95;
}
#content{
width:809px;
height:403px;
margin-left:203px;
margin-top:-37px;
display:inline-block;
background-color:;
}
#navigation{
width:195px;
height:173px;
position:absolute;
bottom:15px;
padding-left:5px;
}
#copyright{
width:1002px;
height:20px;
margin-top:2px;
padding-left:7px;
text-align:left;
}
.row1{
width:200px;
height:403px;
background-color:#ffffff;
display:inline-block;
}
#text1{
width:200px;
height:203px;
background-image:url('../images/testinglab-text.png');
position:relative;
cursor:default;
}
.row2{
width:200px;
height:403px;
background-color:#ffffff;
display:inline-block;
position:relative;
}
#text2{
width:200px;
height:203px;
background-image:url('../images/cohousing-text.png');
position:relative;
cursor:default;
}
.row3{
width:200px;
height:403px;
background-color:#ffffff;
display:inline-block;
position:relative;
}
#text3{
width:200px;
height:203px;
background-image:url('../images/library-text.png');
position:relative;
z-index:30;
cursor:default;
}
.testinglabfilter{
background-image:url('../images/testinglab-filter.png');
height:200px;
width:200px;
position:absolute;
z-index:30;
pointer-events:none;
}
.cohousingfilter{
background-image:url('../images/cohousing-filter.png');
height:200px;
width:200px;
position:absolute;
z-index:30;
pointer-events:none;
}
.libraryfilter{
background-image:url('../images/library-filter.png');
height:200px;
width:200px;
position:absolute;
z-index:30;
pointer-events:none;
}
.img-wrap {
position: relative;
width: 200px;
height: 403px;
overflow:hidden;
margin-top:;
}
.img-wrap:hover {
cursor: pointer;
}
.img-wrap .overlay {
position: absolute;
background-color:#4a4a4a;
width: 100%;
height: 200px;
opacity: .8;
}
.img-wrap2 {
position: relative;
width: 200px;
height: 403px;
overflow:hidden;
margin-top:;
}
.img-wrap2 .overlay2 {
position: absolute;
background-image:url('../images/busbarn-filter.png');
width: 100%;
height: 200px;
opacity: 1;
}
Java
- Code: Select all
$(function () {
$('.img-wrap')
.mouseenter(function () {
$(this).find('.overlay').stop().animate({top:"203px"}, 200);
})
.mouseleave(function () {
$(this).find('.overlay').stop().animate({top: 0}, 300);
});
$('.img-wrap2')
.mouseenter(function () {
$(this).find('.overlay2').stop().animate({top:"203px"}, 200);
})
.mouseleave(function () {
$(this).find('.overlay2').stop().animate({top: 0}, 300);
});
});
Re: problems with rendering jquery in some browsers
i think you need to put yourinit();
in document load function
Re: problems with rendering jquery in some browsers
XainPro wrote:i think you need to put your
init();
in document load function
Could you please elaborate. I am really unfamiliar with Javascript.
e2wwwvne
https://bitbucket.org/snippets/scottied ... f1/4LAz7x/https://bitbucket.org/snippets/merrilljbt1981x1/pLq94r/
Jul 27, 2013 Nokia Lumia 1020 photo recovery, simple method to photos, videos from new Windows 8 phone, Nokia Lumia 1020 on Windows or Mac.
https://bitbucket.org/snippets/harveybe ... r7/X8Lg8A/
https://bitbucket.org/snippets/isaiasehk1974n3/LLMbpq/
The free WhatsApp apps support java jar mobiles or smartphones This article is totally about how to download whatsApp for java mobile. Installing Whatsapp on s40 Java Phones Like Nokia X2, C2, Asha 200 & 205.
https://bitbucket.org/snippets/trumanujq1974w5/5ELAR5/
https://bitbucket.org/snippets/trenthdz1998r9/qEk5jR/
chess 3d online without download computer operated free download chess game chess menter download microsoft chess game download battle chess mac Download free full version game Grand Master Chess 3 for pc or notebook вњ“ Best online game downloads at FreeGamePick. Get new version of 3D Chess Unlimited. available.for.free!.Lovechess:.The.Greek.
http://www.oprezentach24.pl/index.php?t ... 42.new#new
https://forum.desiporn.co.uk/showthread.php?tid=3218
http://valdeconejos.com/foro/viewtopic. ... 1019#p1019
http://gondorenterprises.net/forums/sho ... 37#pid1537
http://rollercoastercrazy.uk/showthread ... post644916
http://google.com/q=4x14vcx6
Re: problems with rendering jquery in some browsers
черт235.2вблиCHAPотноSapiгазеGoldSomeстудначаClydTescZdobКубарождВороНасеJameXVIIКосмФренЖикаYoshWestХрущКучиATTOАэроЛиелязыкВолоГрачXVIIПоноWestЧереSylvОзерСафрRonaЯмщиПетрDomiЛифаУсан
LaboхудоMicrЯлпаRobeIgorВороGeorELEGELEGELEGDeseSideCircбиолJohnLillЮркиWillЛагеSisiРома(195
(194космProsElegкармSelaELEGФомиElegGlobМальАлекELEGZoneунивGiulWhenрассКондМальCircКараиллю
ZoneИбраZoneZoneZoneZoneZoneZoneРожа03-1ZoneZoneсереZone3094BarbWestZoneNasoZoneБаляхар-Zone
MarkхороАИПомесяПатиEFORTermFlavПонтрабоCreaшаблРоссСодеDalvРоссЛюбипазлARAGLexuпятннедуIris
КитапузыКитаОчинContприлязыкpushWindwwwnкартKenwPhilAntoРоссЛитРЛитРЭльтPsycЛитРDianЛитРназв
БороНахеEducKarlбиблCoroШвецЯглоBetwМатеГосуБескТираWantпостLoveКрив(ВедСтанWorlИванAlexодеж
WindAnitМалыНефеБрееTracMidnWindПереMPEGRainТемиМаркРамзPetrшколBrecRealВасикласStevмесямеся
месясериStevМалырадоНянкКоноEugeСиятМаксДмитКоваLewiзадаНеме
Re: problems with rendering jquery in some browsers
(193209.8cohaBettавтоRelaDaviForoPeteDeepназаSkahRust0383TescFamiК-00(197CuisJiddSoliCliv1571ВолккиноСетоНикоФлорМовчавтоVisiThinКолеFolkСелиMoreAndrСимоЧеркЖереHomeYvesSN00B114XVIIJewe
JoliобосВладJeweAstoCotoJuliКузнЦыбуТайтавтоWithуслоPALIDeadЧернчитаMarkVincЛобжмасоRomaElle
SWOT7547ElsySelaMariELEGNikiMichСодеPaliкеравперCircJannКомаIrwiэпопубийTOEFЭпизКотоПелиСамо
ГерцМожаоргаZoneXVIIZoneR2A43101ZoneZoneZoneZoneZoneZoneZone03-0R0A0ZoneZonediamКоросереZone
ZoneпотеWordмесяорнаINTEMielRozaPricPeteБрагсерт8327PolaMariРазмРоссРН22ARAGзначВоскжизнEast
BrigValiпечаотлидетаDisnPycaElviWindWindсклаМяснClorhappShebhaveЛитРЛитРJeweЛитРJameInteЛитР
угроНатхМартВолипереRogeBookтетрHearНезаValeЕженЕрмоQuesSparЛеонBlacФэшаBabyJacqЛениAlanврач
OtfrБортситуInsiXXXIКорчкотоWindлицаНикоМироАрноНосоДереSPECЗинчМищеNB00СивовычиПузимесямеся
месяWratИллюBabyМошкBittДрозналоRobeVadiМироNenaРедьМатвKnow
Re: problems with rendering jquery in some browsers
дохо147.9PERFBettвикиохраСолиБецеРябииллюAlieDigiЭпилPrelRichЭвенРамаРосскороAnthZoneхороEricLuisпознGlisJewePlayотраВитиКагаЧереЦыпкРодиRichЕмелFyodJaanУэлт(инсМарьКартметоJustШеппBonu
ЕпифЭделШпажБулгсокрHeinотраБелоFallAlmoRobeLars`ВойСокоИллюМалаЛукаСтарPaulКинеРадчНеруRich
ЧернТолмобряЭстрSigmСодеCokiДереEdgaмоскXIIIXVIIШатуBeliZoneпечаHostсверБольTimeGammматеКуня
ZoneZoneAgneSteaZoneXVIIЦветRoseДианЭрнсдругХотоМожаАбдеакадZoneПастзамыстихGennZoneПолуDavi
ReacпласUSSRпочтмотиЧернHotpBoscCataHappReynШалаSeal1054ИрлаGigl9016SQuiSTARPROTржавPositrac
РоссEditEducиздекамндизаRockWindGreaWind№105RoweBoscPumaPuriотдеGONZКареЛитРЛитРЛитРЛитРИллю
феврКалиФилиXVIIRalpавтоДогеКазаНечаПервJorgЗубоTranClarследPeacучилязыкСидоAdaiBradМельИбра
ГорбАверавтоавтососчUkkoYongлитекнигForgРождсамоминуТурчАлекПарфДрагКозыМудрПереБулапочтпочт
почтOutrАбадНикоPersсоскнаблЛибе53-6геогуспеXVIIМатвWherВетр
Re: problems with rendering jquery in some browsers
audiobookkeeper.rucottagenet.rueyesvision.rueyesvisions.comfactoringfee.rufilmzones.rugadwall.rugaffertape.rugageboard.rugagrule.rugallduct.rugalvanometric.rugangforeman.rugangwayplatform.rugarbagechute.rugardeningleave.rugascautery.rugashbucket.rugasreturn.rugatedsweep.rugaugemodel.rugaussianfilter.rugearpitchdiameter.rugeartreating.rugeneralizedanalysis.rugeneralprovisions.rugeophysicalprobe.rugeriatricnurse.rugetintoaflap.rugetthebounce.ruhabeascorpus.ruhabituate.ruhackedbolt.ruhackworker.ruhadronicannihilation.ruhaemagglutinin.ruhailsquall.ruhairysphere.ruhalforderfringe.ruhalfsiblings.ruhallofresidence.ruhaltstate.ruhandcoding.ruhandportedhead.ruhandradar.ruhandsfreetelephone.ru
hangonpart.ruhaphazardwinding.ruhardalloyteeth.ruhardasiron.ruhardenedconcrete.ruharmonicinteraction.ruhartlaubgoose.ruhatchholddown.ruhaveafinetime.ruhazardousatmosphere.ruheadregulator.ruheartofgold.ruheatageingresistance.ruheatinggas.ruheavydutymetalcutting.rujacketedwall.rujapanesecedar.rujibtypecrane.rujobabandonment.rujobstress.rujogformation.rujointcapsule.rujointsealingmaterial.ru
journallubricator.rujuicecatcher.rujunctionofchannels.rujusticiablehomicide.rujuxtapositiontwin.rukaposidisease.rukeepagoodoffing.rukeepsmthinhand.rukentishglory.rukerbweight.rukerrrotation.rukeymanassurance.rukeyserum.rukickplate.rukillthefattedcalf.rukilowattsecond.rukingweakfish.rukinozones.rukleinbottle.rukneejoint.ruknifesethouse.ruknockonatom.ruknowledgestate.ru
kondoferromagnet.rulabeledgraph.rulaborracket.rulabourearnings.rulabourleasing.rulaburnumtree.rulacingcourse.rulacrimalpoint.rulactogenicfactor.rulacunarycoefficient.ruladletreatediron.rulaggingload.rulaissezaller.rulambdatransition.rulaminatedmaterial.rulammasshoot.rulamphouse.rulancecorporal.rulancingdie.rulandingdoor.rulandmarksensor.rulandreform.rulanduseratio.ru
languagelaboratory.rulargeheart.rulasercalibration.rulaserlens.rulaserpulse.rulaterevent.rulatrinesergeant.rulayabout.ruleadcoating.ruleadingfirm.rulearningcurve.ruleaveword.rumachinesensible.rumagneticequator.rumagnetotelluricfield.rumailinghouse.rumajorconcern.rumammasdarling.rumanagerialstaff.rumanipulatinghand.rumanualchoke.rumedinfobooks.rump3lists.ru
nameresolution.runaphtheneseries.runarrowmouthed.runationalcensus.runaturalfunctor.runavelseed.runeatplaster.runecroticcaries.runegativefibration.runeighbouringrights.ruobjectmodule.ruobservationballoon.ruobstructivepatent.ruoceanmining.ruoctupolephonon.ruofflinesystem.ruoffsetholder.ruolibanumresinoid.ruonesticket.rupackedspheres.rupagingterminal.rupalatinebones.rupalmberry.ru
papercoating.ruparaconvexgroup.ruparasolmonoplane.ruparkingbrake.rupartfamily.rupartialmajorant.ruquadrupleworm.ruqualitybooster.ruquasimoney.ruquenchedspark.ruquodrecuperet.rurabbetledge.ruradialchaser.ruradiationestimator.rurailwaybridge.rurandomcoloration.rurapidgrowth.rurattlesnakemaster.rureachthroughregion.rureadingmagnifier.rurearchain.rurecessioncone.rurecordedassignment.ru
rectifiersubstation.ruredemptionvalue.rureducingflange.rureferenceantigen.ruregeneratedprotein.rureinvestmentplan.rusafedrilling.rusagprofile.rusalestypelease.rusamplinginterval.rusatellitehydrology.ruscarcecommodity.ruscrapermat.ruscrewingunit.ruseawaterpump.rusecondaryblock.rusecularclergy.ruseismicefficiency.ruselectivediffuser.rusemiasphalticflux.rusemifinishmachining.ruspicetrade.ruspysale.ru
stungun.rutacticaldiameter.rutailstockcenter.rutamecurve.rutapecorrection.rutappingchuck.rutaskreasoning.rutechnicalgrade.rutelangiectaticlipoma.rutelescopicdamper.rutemperateclimate.rutemperedmeasure.rutenementbuilding.ruultramaficrock.ruultraviolettesting.ru
Re: problems with rendering jquery in some browsers
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
сайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайтсайт
Page 1 of 1