Question

我是BootStrap / jQuery的新手，也是SP 2010品牌推广的新手。

我正试图在我的母版页上找到一个没有运气的popover工作。我不确定我在这里缺少什么。这是我试图在我的页面中工作的代码。

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 Server extensions \ 14 \ TEMPLATE \ LAYOUTS \ TwitterBootStrapMasterPage \ js

我如何让popover工作？

Answer 1

您需要修改网站标题为v4.master。
添加对Jquery库的引用，以及任何其他代码库，包括Bootstrap或CSS样式表。
要应用弹出窗口，请在要显示要素的页面上进行编辑。
使用自定义标记和css创建一个html文件，您可以在其中编辑弹出窗口的内容。
例如，在您的主页上，您希望在标题项上设置弹出窗口。
在页面上放置一个内容编辑器Web部件，并使用自定义css标记将其链接到html文件。
保存页面并预览。
源代码库存在于您的母版页中，可供任何页面使用。
在Sharepoint页面中编辑代码的任何地方，都应该认识到使用Jquery和Bootstrap函数。

BootStrap SharePoint母版页中的popover（）

1 个答案: