如何将 jQuery 插件添加到 Contao答案

【问题标题】：How to add a jQuery Plugin to Contao如何将 jQuery 插件添加到 Contao
【发布时间】：2014-05-22 15:49:30
【问题描述】：

我有一个基于 Contao(CMS) 的网站，并想向该网站添加一个新的 jQuery 插件。但由于我是 Contao 的新手，我不知道该怎么做。名为 codecanyon-2390758-jquery-social-timeline.zip 的 .zip 存档中的插件。该插件名为“jQuery Social Timeline”。

我是从这个网站下载的：http://codecanyon.net/item/jquery-social-timeline/2390758?ref=infuse01

请帮忙！！！

【问题讨论】：

标签： jquery plugins content-management-system add contao

【解决方案1】：

终于解决了。我在 .zip 存档中找到了一个演示文件夹，其中包含演示 .html 文件。我刚刚将演示 .html 文件中的整个部分复制到我的 Contao 站点布局的 Additional -Tags 部分中。那是：

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery Social Timeline plugin - Demo</title>

<link type="text/css" rel="stylesheet" href="dpSocialTimeline/css/styles.css">

<link type="text/css" rel="stylesheet" href="dpSocialTimeline/css/magnific-popup.css">

<link type="text/css" rel="stylesheet" href="dpSocialTimeline/css/dpSocialTimeline.css">


<script type="text/javascript" src="dpSocialTimeline/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="dpSocialTimeline/js/jquery.magnific-popup.min.js"></script>

<script type="text/javascript" src="dpSocialTimeline/js/jquery.isotope.min.js"></script>

<script type="text/javascript" src="dpSocialTimeline/js/jquery.dpSocialTimeline.js"></script>

<script type="text/javascript">
    $(document).ready(function(){

        $('#socialTimeline').dpSocialTimeline({
            feeds: 
            {
                'facebook_page': {data: '5550296508', limit: 2},
                'youtube': {data: 'youtube'},
                'flickr': {data: '52617155@N08'},
                'tumblr': {data: 'drinkyourjuice'}
            },
            layoutMode: 'timeline',
            addLightbox: true,
            itemWidth: 200,
            total: 10
        });
    });
</script>

然后我向我的站点添加了一个新模块并编辑了 HTML 代码并插入了以下代码：

<div id="socialTimeline" style="width:650px;" class="light"> </div>

【讨论】：