Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][AJAX][PHP]Po wykonaniu polecenia .load wariuje logika strony
--prociomen007--
post 8.11.2012, 17:47:24
Post #1





Goście







Udało mi się zmienić jego wartość przy pomocy polecenia $('#content').load('skrypt php'); i działa to nawet fajnie. Mam jednak pewien problem. Podczas podmiany wartości diva uszkadza się część sterowania strony. Któreś skrypty przestają działać nie wiedzieć czemu. Według tego co przeczytałem to takie polecenie (.load) powinno załadować do <div> wartość z danego pliku. Od strony wizualnej tak jest jednak sterowanie i logika div'a (odpowiedzialne za działanie jego od strony programowej) przestaje mi działać prawidłowo (między innymi nie wczytują się obrazki, brak reakcji na polecenie <a href ). Udało mi się namierzyć skrypt który między innymi powoduje błąd:

Kod
$(document).ready(function() {
    
       //carousel    
    jQuery('#mycarousel').jcarousel();
    
  
    //zoomImg
       $('.zoomImg').fadeTo(400, 0)
    
    $('.zoomImg').hover(function(){
          $(this).stop().fadeTo(400, 0.6)
    }, function(){
        $(this).stop().fadeTo(400, 0)
    })
  
  
})



$(window).load(function() {
    
    var linkpage = 0;
    
       var content=$('#content'),
    nav=$('.menu');
    nav.navs({
        useHash:true,
        hoverIn:function(li){
                $('a > div',li).stop().animate({top:"-40px"},400, "easeOutExpo")
                $('a > strong',li).stop(true, true).animate({color:"#FFF",top:"76px"},550, "easeOutExpo")
                $('a > span',li).stop(true, true).animate({color:"#bccc3f",top:"4px"},400, "easeOutCirc")    
                
                if (linkpage == 0){
                    $('a > .im',li).stop(true).delay(_delay).animate({height:"237", top:"-237", "margin-left":"0"},550, "easeOutExpo")
                    }
        },
        hoverOut:function(li){
            if (!li.hasClass('with_ul',li) || !li.hasClass('sfHover')) {
                $('a > div',li).stop().animate({top:"-120px"},350, "easeInExpo")
                $('a > strong',li).stop(true, true).delay(250).animate({color:"#FFF",top:"24px"},625, "easeOutExpo")
                $('a > span',li).stop(true, true).animate({color:"#bccc3f",top:"-42px"},325, "easeInExpo")
               // if (linkpage == 0){
                    $('a > .im',li).stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo")                    
                 //   }
            }
        }                
    })    
    
    $('.submenu_1>li>a ').bind('click',function(e){
        $(this).parent().parent().addClass('with_pic');
        $(this).parent().parent().siblings('a').find('.im').stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo");
    });
    
    $('.submenu_2>li>a ').bind('click',function(e){
        $(this).parent().parent().parent().parent().addClass('with_pic');
        $(this).parent().parent().parent().parent().siblings('a').find('.im').stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo");
    });
    
    var _delay = 0;
    
    $('#content').tabs({

        preFu:function(_){
            
            _.li.stop(true, true).css({left:1800, display:"block"},700,"easeInCirc")        
        }
        ,actFu:function(_){
          linkpage = _.n;
          
            if(_.curr){    
             if(_.curr.index() == 0){
                    
                    $('#menu > li').eq(linkpage).find('a .im').stop(true).delay(500).animate({height:"237", top:"-237", "margin-left":"0"},550, "easeOutExpo")
            
                    
             }else{
                $('#logo').stop().animate({top:"0px"},500,"easeInOutExpo");
                $('.menu').stop().animate({top:"0px"},500,"easeInOutExpo");
                
                if (_.pren == undefined){
                    $('#menu > li').eq(_.n).find('a .im').stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo")
                 }
                
                if (_.pren == 0){
                    $('#menu > li').eq(_.pren).find('a .im').stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo")
            
                }
             }
                
                _.curr.css({left:0},0).css({left:-1800},0).css({display:"block"}).stop(true, true).delay(480).animate({left:0},700,"easeOutExpo")
                overButton = _.curr.index()
                
            }
            if(_.prev){
                if (_.pren == 0){
                    $('#menu > li').eq(_.n).find('a .im').stop(true).animate({height:"0", top:"0", "margin-left":"100"},550, "easeOutExpo")
            
                } else {
                }
                _.prev.stop(true, true).animate({left:1800},700,"easeInExpo", function(){ _.prev.css({display:"none"})})
                outButton = _.prev.index()
            }  
        }
    })    
    $('nav')
        .navs({
            useHash:true
            ,
        })
        .navs(function(n){            
            $('#content').tabs(n)
        })
})



Bardzo bym prosił powiedzie mi jak temu zaradzić i co powoduje takie dziwne zachowanie.
Go to the top of the page
+Quote Post
viking
post 8.11.2012, 17:51:54
Post #2





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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


Daj gdzieś przykład na żywo.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 01:26