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