jQuery. 클릭 후 느리게 반응합니다.

메뉴 클릭시 다른 페이지의 div 콘텐츠에로드가 가깝습니다. 이 모든 것은 작동하지만 일단 Wordpress에 내장되면 느려집니다. 링크를 클릭하면 작동하지 않는 것처럼 보입니다. 그러면 콘텐츠가 표시됩니다.jQuery. 클릭 후 느리게 반응합니다.

아이디어가 있으십니까? 필요한 경우

$(function() { 
$("nav ul li a").click(function(event) { 
    loadData(this.href + " #content"); 
    event.preventDefault(); 
}); 
}); 

    function loadData(data) { 
    $('#content').load(data, '#content',function(data){ 
    $.getScript("http://www.mydomain.co.uk/pathtofoler/wp-content/themes/space/js/pe.flare/jquery.pixelentity.flare.min.js"); 

    $("#post-container").hide(); 

    $("#content-container").slideDown(600, function() { 
     $(".block-content").slideUp(600); 
     $('a[data-target="flare"]').peFlareLightbox(); 

     $("ul.sub li a").click(function(event) { 
      loadData(this.href + " #content"); 
      event.preventDefault(); 
     }); 

     $('#close').click(function(){ 
      $('#content-container').slideUp(600); 
     }) 

    }); 
}) 
};

내가 작업 링크를 보낼 수 있습니다

<nav> 
    <ul> 
    <li><a href="<?php bloginfo('url'); ?>/about/">about</a></li> 
    <li><a href="<?php bloginfo('url'); ?>/kitchen-gallery/">gallery</a></li> 
    <li><a href="<?php bloginfo('url'); ?>/suppliers/">suppliers</a></li> 
    <li><a href="<?php bloginfo('url'); ?>/contact/">contact</a></li> 
    </ul> 
    </nav>

여기 내 JQuery와 있습니다 :

여기 내 HTML입니다. 포럼으로 인해 Google 검색에 게재되는 것을 원하지 않는 것처럼 오후에 할 수 있습니다. 희망은 그것이 ok 다.

출처

2013-03-07 user20446

데이터를 가져 오는 중임을 사용자에게 알린 다음 '성공'('load()'내부에서)을 사용하여로드 될 때 데이터를 표시하는 것이 좋습니다. 속도가 느린 이유는 사용자가 호출하는 원격 스크립트의 오버 헤드가 가장 높기 때문입니다. Web Inspector/Firebug에서 디버깅하고 모든 작업이 얼마나 오래되는지 확인해야합니다. –

왜 jquery.pixelentity.flare.min.js를 loadData 함수 안에로드하고 있습니까? – simplyray

로딩 시간이 느리다고 말하면 사용자와 변수가 주관적입니다. 그러나 나는 전체 페이지를 가져 와서 현재 페이지에 하나의 부분을 가져 와서 원하지 않는 데이터가 전송되어 속도가 느려질 것으로 의심합니다. 작동 링크를 게시 할 수 있다면 가장 좋을 것입니다. – darshanags

지금 jquery를 사용하여 slideUp/slideDown 컨테이너를 사용 중입니다. 귀하의 문제를 도울 수있는 대안은 css3 전환 또는 변환을 사용하는 것입니다. JS 또는 JQuery를 사용하여 $ ('content-container')에 클래스 이름을 지정합니다. 그런 다음 css3을 사용하여 스타일 시트에서 애니메이션을 처리하십시오.

출처

2014-10-01 15:34:12 Seb

jQuery. 클릭 후 느리게 반응합니다.

답변

관련 문제