Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS][AJAX] a href nie działa, Ktos to ogarnia..?
zaaap
post
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 13.11.2008

Ostrzeżenie: (0%)
-----

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 
  1. <div id="nav">
  2.                 <ul id="nav">
  3.                     <li style="margin-left: 0px;"><a class="current" href="homepage.html">Home</a></li>
  4.                     <li><a href="opcje.html">Opcje</a></li>
  5.                     <li><a href="omnie.html">O mnie</a></li>
  6.                 </ul>
  7.  
  8.         </div>
  9.             <div id="wrapper"></div>
[HTML] pobierz, plaintext

Jescze kod wleje:

[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2.                 #wrapper { margin:0px auto; text-align:left; width:600px; z-index: 1000 }
  3.                 .container1 { width:100%; }
  4.                 .container1 ul li { margin:5px 0 0 0;}
  5.                 .container1 ul li a { text-decoration:none; color:#666; font-weight:bold;}
  6.                 .container1 ul li a:hover { color:white;}
  7.                 #nav { padding:10px 10px 10px 10px; margin:0; z-index: 600; }
  8.                 #nav ul { padding:0; margin:0}
  9.                 #nav ul li { display:inline; list-style:none; margin-left:10px }
  10.                 #nav ul li a { padding:10px; background-color:#18a0c8; color:white; text-decoration:none; }
  11.                 #nav ul li a:hover,
  12.                 #nav ul li a.current    { color:white; background:#66cc00 }
  13.                 #loading {position:absolute;left:0;top:0;padding:10px 15px;background:#66cc00;color:white;display:none;}
  14.                 #nav { margin:50px auto 0px auto; text-align:left; width:600px; }
  15.                 #footer { padding:10px; font:normal 11px/normal Helvetica;}
  16.                 #footer a { text-decoration:none; color:#999;}
  17.                 #footer a:hover { color:#000; }
  18.     </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).
Go to the top of the page
+Quote Post

Posty w temacie
- zaaap   [HTML][CSS][AJAX] a href nie działa   13.12.2008, 01:23:58
- - hiszpanespaniol   na jednej stronie może być tylko jeden element o t...   13.12.2008, 01:28:29
|- - zaaap   Cytat(hiszpanespaniol @ 13.12.2008, 01:28...   13.12.2008, 01:48:46
- - hiszpanespaniol   w takim razie na stronie tutorialowej był błąd. po...   13.12.2008, 02:06:17
- - zaaap   Po unieciu (dalem class zamiast id) menu wyglada t...   13.12.2008, 02:14:57
- - hiszpanespaniol   czyli usunąłeś id zarówno z diva i listy? patrzę n...   13.12.2008, 02:23:16
- - zaaap   Teraz syt wyglada tak: w cssie jest jeden #nav. W ...   13.12.2008, 02:31:58
- - hiszpanespaniol   Ty: Cytat"tylko że ja do kodu sie nie do...   13.12.2008, 02:40:28
- - zaaap   Rzeczywiscie, ale nie wiem skad sie to tam wzielo,...   13.12.2008, 02:46:16

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 18:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn