将 JavaScript 加载到 AJAX 加载的内容中答案

【问题标题】：Loading JavaScript into AJAX loaded content将 JavaScript 加载到 AJAX 加载的内容中
【发布时间】：2014-09-17 03:18:09
【问题描述】：

我是 AJAX 和 JavaScript 的新手，不知道如何使它工作。

这是网站：

单击投资组合图像时，将通过 AJAX 加载详细信息。我希望能够为具有多个全尺寸图像的作品制作幻灯片。但是，因为内容是使用 AJAX 加载的，所以 Flexslider 的 JavaScript 不起作用。

这是加载内容的代码：

// ----------- PROJECT WINDOW SHOW/HIDE ----------- //

    var $actual= null;

    $(".ch-grid").click(function() {
            $.scrollTo( $('#project-show'), 800, {offset:-130});
            obre($(this).attr('id'));
            $actual=$(this);
//          alert($('.project-content').position().top)
//          $('html, body').animate({scrollTop:($('.project-content').position().top)+165}, 1000);
    });

    $(".portfolio-btn").click(function() {
            obert=false;
    });

    function obre(quin){
    $.ajax({

        //type: "POST",
        //data: { id: $(this).attr('cid')},
        url: quin,
        success: function(data) {
            $('.project-content').html(data);
        }
    });
}

这里是需要加载的脚本：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js?ver=1.9.1"></script>
<script type="text/javascript" src="http://www.4ndesign.com/wp-content/themes/4ndesign/js/metronomy-plugins.js?ver=2.0"></script>
<script type="text/javascript" src="http://www.4ndesign.com/wp-content/themes/4ndesign/js/metronomy-custom.js?ver=2.2"></script>

【问题讨论】：

您的问题质量很低。很难理解问题是什么。你能试着改进你的问题吗？

标签： javascript jquery html ajax wordpress

【解决方案1】：

在通过 ajax 加载内容后，您需要对 flexslider 进行初始化。只需将其添加到您的 ajax 请求的 success 部分即可。

$.ajax({
  ..
  success: function(data) {
    $('#slider').flexslider(); // or what ever :)
  }
});

【讨论】：