如何将简单的jquery滑块添加到Sharepoint 2010 web部件

Question

我正在尝试通过单击“编辑html源”将以下代码添加到sharepoint web部件的HTML中。我使用的是来自http://unslider.com/网站的jquery插件。当我尝试将以下代码提交到sharepoint web部件的html中时，我收到消息：“您输入的HTML源可能已被修改”。结果，我看到的只是两行带项目符号的文本。我是sharepoint和jquery的新手。在sharepoint中制作文本或图片幻灯片比下面的代码复杂得多吗？

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="/wg/PayrollSolutions/SiteAssets/unslider-min.js"></script>

<script>
    $(function() { 
        $('.banner').unslider() 
    })
</script>

<div class="banner”>
    <ul>
        <li>Slider 1</li>
        <li>Slider 2</li>
    </ul>
</div>

Answer 1

实际上，当您手动更改页面的html时，SharePoint经常会更改内容，并且输出也会不同。

我认为这篇文章会帮助你理解发生了什么以及你的选择是什么：http://sharepoint.hannahswain.eu/2014/10/10/adding-a-code-snippet-to-page-content-on-sharepoint-2013/

嵌入式命令和文本文件应该会对您有所帮助。

Answer 2

SharePoint通常会清除任何直接添加到内容编辑器web部件源代码中的JavaScript (尽管它会保留在HTML和CSS中)。

无需将JavaScript直接添加到内容编辑器web部件的源中，而是将其保存为文本文件并将其上载到网站上的库中。

然后，在内容编辑器web部件中，单击角落中的下拉列表，并选择用于编辑web部件属性的选项。属性面板应该出现在屏幕的一侧。

在web部件属性的“内容链接”字段中，输入上载的文本文件的URL。然后，内容编辑器web部件将呈现该文本文件中的任何内容，包括HTML、CSS和(最重要的) JavaScript。

这还有一个额外的好处，即允许您在多个页面上使用相同的HTML/JS片段。如果需要进行更改，您可以更改该文件的内容，而无需再次编辑页面。