0

我是 BootStrap/jQuery 的新手，对 SP 2010 品牌比较陌生。

我试图在我的母版页中进行弹出窗口工作，但没有运气。我不确定我在这里缺少什么。这是我试图在我的页面中使用的代码。

HTML：

<div class="well">
    <p>
        <a href="#" id="hoverOver" class="btn btn-danger " rel="popover" 
            data-original-title="Example PopOver" 
            data-content="BootStrapping SharePoint aren't we now!" 
            data-placement="top">Hover Over Me!
        </a>
    </p>
</div>

JavaScript：

$(document).ready((function() {
    $('#hoverOver').popover();
}

CSS：

.well{
    margin-left:40px;
}

JSFIDDLE：http: //jsfiddle.net/kKAtN/

我在以下文件夹中有 bootstrap.js、bootstrap.min 和 jquery-1.8.3.min：

C:\Program Files\Common Files\Microsoft Shared\Web 服务器扩展\14\TEMPLATE\LAYOUTS\TwitterBootStrapMasterPage\js

我将如何让弹出框工作？

4

1 回答 1

0
  1. 您将需要编辑名为 v4.master 的站点母版页。
  2. 添加对您的 Jquery 库以及任何其他代码库（包括 Bootstrap 或 CSS 样式表）的引用。
  3. 要应用弹出框，请在您希望功能出现的页面上进行编辑。
  4. 创建一个带有自定义标签和 css 的 html 文件，您可以在其中编辑弹出框的内容。
  5. 例如，在您的主页上，您希望在标题项上有一个弹出框。
  6. 在您的页面上放置一个内容编辑器 Web 部件，并将其链接到具有自定义 css 标记的 html 文件。
  7. 保存页面并预览。
  8. 源代码库位于您的母版页中，可用于任何页面。
  9. 在 Sharepoint 页面中编辑代码的任何地方，都应该识别 Jquery 和 Bootstrap 函数的使用。
于 2013-06-28T04:11:37.340 回答