WordPress：在 div 中加载动态页面内容后加载 JavaScript / JQuery

Question

我正在尝试创建一个基于 WordPress 的单页网站，并将页面内容加载到 div onClick 中。但是，由于在加载页面内容之前已经加载了 JavaScript，因此脚本不起作用。

临时站点在这里：http://upsilon.lunariffic.com/~swstr0/

如果您点击客户-->我们与谁合作，您会看到问题。不会滑动的徽标滑块。没有箭头，并且根据浏览器的不同，链接不起作用。

可能是因为这个脚本已经加载了？ http://upsilon.lunariffic.com/~swstr0/wp-content/plugins/logo-slider/jquery.cycle.all.min.js?ver=3.9.1

这是我目前用来让 div 向下（或向上）滑动并加载页面内容的代码：

<script type="text/javascript">
jQuery(function($) {
$("li.btn-slide a").on('click', function(e){
    e.preventDefault();

    var post_url = $(this).attr("href");
    var post_id  = $(this).attr("rel");

    $("#page-con").html("loading...")
                  .load(post_url, function() { // content loaded callback

        var pageconHeight = $("#page-con").height();  // Find the height of the content inside #panel
         $("#panel").animate({height: pageconHeight}, "slow"); // Animate the height of #panel

    });
});

});

Answer 1

当您运行滑块脚本时，它会将滑块效果应用于现有元素。如果您在页面中添加新内容，则需要重新应用脚本。

在这一行之后：

$("#panel").animate({height: pageconHeight}, "slow"); // Animate the height of #panel

添加

$('#idOfYourLoadedContent').cycle();