如何将简单的 jquery 滑块添加到 SharePoint 2010 Web 部件

How to I add a simple jquery slider to a Sharepoint 2010 web part

本文关键字：添加 SharePoint 2010 部件 Web 简单 jquery      更新时间：2023-09-26

我正在尝试通过单击"编辑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>

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

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

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

SharePoint

通常会清除直接添加到内容编辑器 Web 部件源中的任何 JavaScript（尽管它会保留在 HTML 和 CSS 中）。

不要将 JavaScript 直接添加到内容编辑器 Web 部件的源中，而是将其保存到文本文件中，然后将其上传到网站上的库。

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

在 Web 部件属性的"内容链接"字段中，输入上传的文本文件的 URL。然后，内容编辑器 Web 部件将呈现该文本文件中的任何内容，包括 HTML、CSS 和（最重要的是）JavaScript。

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

相关文章：