popover() на главной странице BootStrap SharePoint

Я новичок в 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 Server extensions\14\TEMPLATE\LAYOUTS\TwitterBootStrapMasterPage\js

Как мне заставить поповер работать?


jquery twitter-bootstrap sharepoint popover
person Swetha Sankaran    schedule 07.06.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

  1. Вам нужно будет отредактировать главную страницу сайта под названием v4.master.
  2. Добавьте ссылку на свою библиотеку Jquery и любые дополнительные библиотеки кода, включая таблицы стилей Bootstrap или CSS.
  3. Чтобы применить всплывающие окна, сделайте это редактирование на странице, на которой вы хотите, чтобы функции отображались.
  4. Создайте html-файл с пользовательскими тегами и css, в котором вы сможете редактировать содержимое всплывающего окна.
  5. Например, на своей домашней странице вы хотите иметь всплывающее окно в элементе заголовка.
  6. Поместите веб-часть редактора контента на свою страницу и свяжите ее с html-файлом с помощью настраиваемых тегов css.
  7. Сохраните страницу и просмотрите.
  8. Библиотеки исходного кода находятся на главной странице и доступны для любой страницы.
  9. Везде, где вы редактируете код на странице Sharepoint, должно распознаваться использование функций Jquery и Bootstrap.
person ericview    schedule 28.06.2013