[HTML][CSS][AJAX] a href nie działa, Ktos to ogarnia..? Opcje

[zaaap]

Witam,
Aby urozmaicic strone postanowilem zapodac jquery. Wszystko działa kiedy jest na pustej stronie, ale kiedy to wrzuce do konkretnego zastosowania to nie moge klikac linkow.
Może na poczatek dam kod jedynie od tego menu:

[HTML] pobierz, plaintext 
<div id="nav">
                <ul id="nav">
                    <li style="margin-left: 0px;"><a class="current" href="homepage.html">Home</a></li>
                    <li><a href="opcje.html">Opcje</a></li>
                    <li><a href="omnie.html">O mnie</a></li>
                </ul>
 
        </div>
            <div id="wrapper"></div>
[HTML] pobierz, plaintext 

Jescze kod wleje:

[HTML] pobierz, plaintext 
<style type="text/css">
                #wrapper { margin:0px auto; text-align:left; width:600px; z-index: 1000 }
                .container1 { width:100%; }
                .container1 ul li { margin:5px 0 0 0;}
                .container1 ul li a { text-decoration:none; color:#666; font-weight:bold;}
                .container1 ul li a:hover { color:white;}
                #nav { padding:10px 10px 10px 10px; margin:0; z-index: 600; }
                #nav ul { padding:0; margin:0}
                #nav ul li { display:inline; list-style:none; margin-left:10px }
                #nav ul li a { padding:10px; background-color:#18a0c8; color:white; text-decoration:none; }
                #nav ul li a:hover,
                #nav ul li a.current    { color:white; background:#66cc00 }
                #loading {position:absolute;left:0;top:0;padding:10px 15px;background:#66cc00;color:white;display:none;}
                #nav { margin:50px auto 0px auto; text-align:left; width:600px; }
                #footer { padding:10px; font:normal 11px/normal Helvetica;}
                #footer a { text-decoration:none; color:#999;}
                #footer a:hover { color:#000; }
    </style>
[HTML] pobierz, plaintext 

Kod

             <script type="text/javascript">
                 //1
         $(function () {
             //2
             function ajaxify(file){
                 //3
                 $('<div id="loading"></div>').html("Pobieranie danych z: "+file+" ...").appendTo('body').fadeIn();
                 //4
                 $.get(file,function(data) {
                     //5
                     $("#wrapper").slideUp('slow',function(){
                         //6
                         $(this).html(data).slideDown('slow',function(){
                             //7
                             $('#loading').fadeOut('slow',function(){$(this).remove();});
                         });
                     });
                 });
             }
    
             //8
             $("div#nav ul li a").click(function(){
                 //9
                 $('#nav ul li a.current').removeClass('current');
                 //10
                 $(this).addClass('current');
                 //11
                 ajaxify($(this).attr('href'));
                 //12
                 return false;
             });                        
    
             //13
             ajaxify('homepage.html');            
    
         });
            
             </script>

Jakies pomysly? Sadzilem ze cos przesłania moze te warstwy klikalne, lecz nic nad nimi nie ma (a przynajmniej tak mi sie zdaje).

[zaaap]

Po unieciu (dalem class zamiast id) menu wyglada tak:
-Home
-Opcje
-O mnie

Czyli zwykle wypunktowanie bez zadnego stylu

tzn mam na mysli, ze zupełnie rozwalilo uklad menu, ktore bylo poziome

Ten post edytował zaaap 13.12.2008, 02:21:17