Moro tällänen aika yksinkertanen homma, mut ei mulle.
kun teen kaksi eri tapahtumaa sivulle scripteillä kaikki muut selaimet tukee paitsi explorer. kumpikin cripti toimii jos laittaa sen yksin headiin ilman toista. kun kummankin laittaa yhtä aikaa niin ensimmäinen lakkaa toimimasta.
miksi eplorer lukee vain jälkimmäisen? onko koodi validia mitä voin tehdä?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>testitesti</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="google-site-verification" content="DwtP_HhqKUH4DJ3opBYXngyOkkNtAOER12Q4EF5baII" /> <link href="css/screen.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript" src="jquery.featureList-1.0.0.js"></script> <style type="text/css"> h3 { margin: 0; padding: 7px 0 0 0; font-size: 16px; text-transform: uppercase; } div#feature_list { width: 750px; height: 240px; overflow: hidden; position: relative; } div#feature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; } ul#tabs { left: 0; z-index: 2; width: 320px; } ul#tabs li { font-size: 12px; font-family: Arial; } ul#tabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; } ul#tabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; } ul#tabs li a:hover { text-decoration: underline; } ul#tabs li a.current { background: url('menupic/feature-tab-current.png'); color: #FFF; } ul#tabs li a.current:hover { text-decoration: none; cursor: default; } ul#output { right: 0; width: 463px; height: 240px; position: relative; } ul#output li { position: absolute; width: 463px; height: 240px; } ul#output li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; -moz-border-radius: 5px; } ul#output li a:hover { background: #D33431; } </style> <script language="javascript"> $(document).ready(function() { $.featureList( $("#tabs li a"), $("#output li"), { start_item : 1 } ); /* // Alternative $('#tabs li a').featureList({ output : '#output li', start_item : 1 }); */ }); --> </script> <!--toinen scripti --> <script type="text/javascript" src="http://icon.cat/software/iconDock/lib/jquery.js"></script> <script type="text/javascript" src="http://icon.cat/software/iconDock/0.8b/jquery.dock-0.8b.js"></script> <script type="text/javascript"> <!-- var confDock = { iconMinSide : 35, iconMaxSide : 100, distAttDock : 100, coefAttDock : 2, veloOutDock : 500, valign: 'top' } jQuery(function() { jQuery("#BarraPersonalitzada").addDockEffect(confDock); }); --> </script> </head>
Näyttäisit lataavan kahteen kertaan jQueryn. Otappa toinen pois, ja katso mitä tapahtuu.
Eli ensin täällä:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
Ja uudestaan täällä:
<script type="text/javascript" src="http://icon.cat/software/iconDock/lib/jquery.js"></script>
Lisäksi uskoisin, että voit laittaa iconDockin ja FeatureListin "ajamiset" samaan document.readyyn:
<script type="text/javascript"> var confDock = { iconMinSide : 35, iconMaxSide : 100, distAttDock : 100, coefAttDock : 2, veloOutDock : 500, valign: 'top' } $(document).ready(function() { $.featureList( $("#tabs li a"), $("#output li"), { start_item: 1 } ); $("#BarraPersonalitzada").addDockEffect(confDock); }); </script>
Aihe on jo aika vanha, joten et voi enää vastata siihen.