3

单击菜单时，我可以从另一个页面加载一些接近的 div 内容。这一切都有效，但是一旦内置到 Wordpress 中它真的很慢。如果我单击一个链接，它看起来好像不起作用 - 然后它会显示内容。

有任何想法吗？

这是我的html：

  <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：

$(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);
        })

    }); 
})
};

如果需要，我可以发送一个工作链接。由于论坛的原因，我不希望它显示在谷歌搜索中，我可以 PM 这个。希望没关系。

4

1 回答 1

0

目前您正在使用 jquery 来滑动/滑动容器。另一种可能对您的问题有所帮助的方法是使用 css3 转换或转换。使用 JS 或 JQuery 将类名分配给 $('#content-container')。然后使用 css3 处理样式表中的动画。

于 2014-10-01T15:34:12.763 回答