Question

点击菜单后，我有一些关闭来自另一个页面的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这个因为不希望它在谷歌搜索中显示由于论坛。希望没关系。

Answer 1

目前你正在使用jquery来slideUp / slideDown容器。另一种可能有助于解决问题的方法是使用css3转换或转换。使用JS或JQuery将类名分配给$（'＃content-container'）。然后使用css3在样式表中处理动画。

jQuery .load点击b后反应慢

1 个答案: