Описание тега popper.js

Popper.js - это библиотека javascript, подумайте также о добавлении тега Javascript. Popper.js используется в веб-приложениях для размещения всплывающих окон, элемента на экране, который "выскакивает" из естественного потока, например всплывающих подсказок, всплывающих окон и раскрывающихся списков. Без зависимостей, без jQuery или LoDash, он используется Twitter в Bootstrap v4, Microsoft в WebClipper и Atlassian в AtlasKit.
3 ответа

Uncaught TypeError: Невозможно прочитать свойство 'setAttribute' из неопределенного в Object.onLoad

Есть идеи, что может быть причиной этой ошибки? Список моих включает в себя: <link rel="stylesheet" href="../../node_modules/semantic-ui/dist/semantic.min.css"> <link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.m…
0 ответов

FullCalendar EventRender Issue

Я пытаюсь получить всплывающие окна для отображения информации о событии, используя FulCalendar 3.9.0 JQuery 3.3.1 и Bootstrap 4.1.0. Когда я пытаюсь заменить следующий код: eventClick: function(event) { // opens events in a popup window window.open…
13 апр '18 в 10:34
1 ответ

Как динамически изменить положение Popover Bootstrap?

Есть ли способ изменить расположение / положение Bootstraps Popover в зависимости от ширины окна? Я использую его, чтобы отобразить некоторые дополнительные элементы формы, и мне нужно показать, если на левом сайте, но на мобильном телефоне сверху. …
22 май '18 в 06:18
3 ответа

Как показать стрелку в popper-js

Я пытаюсь использовать popper-js, но мне трудно читать документацию и заставить все работать. Кажется, я не могу показать стрелку (треугольник, указывающий на referenceElement). Код ниже сужается до того, что я пытаюсь сделать. Поппер показывается и…
24 июл '18 в 09:43
0 ответов

Angular 6 и Popper.js не работают

Я создаю угловое приложение, и у меня есть кнопка переключения. Все загружается нормально, но когда я нажимаю на кнопку, чтобы открыть меню, у меня появляется следующая ошибка: Uncaught TypeError: Невозможно прочитать свойство 'setAttribute' с нулев…
22 авг '18 в 19:44
10 ответов

Webpack Installing Bootstrap - missing popper.js.map

Я следовал инструкциям в https://getbootstrap.com/docs/4.0/getting-started/webpack/ а также установил jquery и popper.js с помощью npm. Тем не менее, когда я использую выходные данные bundle.js, браузер продолжает посылать запросы GET для popper.js.…
29 ноя '17 в 09:30
2 ответа

Bootstrap 4 поппер не определено

Я пытаюсь запустить раскрывающийся список, и всякий раз, когда я нажимаю на кнопку, я получаю TypeError: popper is undefined, Я попытался импортировать пакет вместо bootstrap // import "bootstrap"; import 'bootstrap/dist/js/bootstrap.bundle.js'; Я п…
28 янв '19 в 08:13
0 ответов

'bootstrap-select' в Rails & Bootstrap 4 требует 'Popper.js'

Я использовал gem 'bootstrap', чтобы обновить проект Rails до Bootstrap 4. Затем произошел сбой из-за отсутствия popper.js. В соответствии с документацией мне нужно было добавить "bootstrap.bundle.js", который включает только "popper.js" ( https://g…
1 ответ

Удалите лишние пробелы в нижней части тегов <div><ul><li></ li><li></ li></ ul></ div>

&lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"&gt; &lt;script src="https://code.jq…
0 ответов

Размещение всплывающей подсказки Popper.js для абсолютной позиции div (начальная загрузка)

Я пытаюсь создать значок "информация" в правом верхнем углу div, который уже заполнен (с диаграммой chartist.js). Для этого я использую div с абсолютным позиционированием и span внутри него. &lt;div class="position-absolute right-0" data-toggle="too…
25 фев '19 в 12:56
1 ответ

Реагировать Поппер. Как переместить элемент относительно родителя?

Я пытаюсь переместить Popper, который находится внутри родительского компонента. Как я могу это сделать? Я пытался использовать свойство смещения в объекте модификаторов. например: offset: { offset: 20, } Но смещение только перемещает Поппера в одно…
14 янв '19 в 22:41
2 ответа

Реагировать - Как уведомить Поппера о перемещении моего поповера всякий раз, когда реакция обновляет любой элемент DOM

Соответствующие версии: React 16.4.2, Bootstrap 4.1.3, popper.js 1.14.4, Typescript 3.0.3 Я использую функциональность Bootstrap Popover в моем react приложение. Popover работает хорошо, если остальная часть страницы статична. Когда страница изменяе…
05 сен '18 в 11:22
1 ответ

Изменить тему всплывающей подсказки Tippy JS, используя JavaScript

У моей страницы темная и светлая тема. Я хочу переключаться между темами всплывающих подсказок при переключении цветовых тем. Я создаю 2 быстрые темы, одна называется темная, а другая светлая. Я попытался изменить атрибут HTML и класс всплывающей по…
24 фев '19 в 22:24
1 ответ

Ошибка popper.js при включении Bootstrap 4 в конфигурацию RequireJS

При включении Bootstrap 4 в конфигурацию RequireJS для включения в мое приложение я получаю следующее предупреждение: Не удалось загрузить файл с источником " https://crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js …
1 ответ

Экспорт PNG с функцией cytoscape cy.png не включает ярлыки popper.js

Я попытался экспортировать PNG, связанный с графиком, предоставленным в качестве примера для интеграции popper.js с cytoscape.js, но экспортированный png не включает содержимое popper при экспорте. Справочный пример: https://cytoscape.org/cytoscape.…
14 ноя '18 в 16:59
6 ответов

Как использовать Popper.js с Bootstrap 4 beta

Я старая школа, поэтому я скачал исходный код в 1.12.0, а затем сделал следующее: &lt;script src="/popper.js-1.12.0/dist/popper.js"&gt;&lt;/script&gt; &lt;script src="/bootstrap-4.0.0-beta/dist/js/bootstrap.js"&gt;&lt;/script&gt; Но я получаю: Uncau…
15 авг '17 в 14:19
1 ответ

Откат, если popper.js не загружается

Как я могу проверить, что popper.js загрузился, чтобы я мог перейти от CDN к локальной копии? Поппер требуется Bootstrap 4 и должен быть загружен первым. Я хотел бы использовать ту же технику начальной загрузки начальной загрузки, которую я использу…
02 ноя '17 в 14:36
1 ответ

Как установить bootstrap 4 версии beta.2 в угловое приложение 4?

Я попытался установить bootstrap 4 версии beta.2 и ее зависимости (jquery и popper.js). но происходит нечто очень странное. по какой-то причине я продолжаю получать сообщение об ошибке в консоли, говорящее "SyntaxError: декларации экспорта могут поя…
26 дек '17 в 21:19
1 ответ

Tippy.js нежелательный эффект в IE 11

Я использую Tippy.js для создания пользовательских приложений и всплывающих окон в моем приложении. Я настроил их отображение сразу после нажатия. Нет эффектов. Все работает, как и ожидалось, во всех браузерах, кроме Internet Explorer 11. При щелчке…
15 ноя '17 в 22:27
1 ответ

Bootstrap4 Автоматическое сворачивание выпадающего меню при выборе элемента

Это расширенный вопрос, с которым я столкнулся после моего предыдущего вопроса. Проблема заключается в том, что когда кто-то нажимает на стрелку, чтобы отобразить расширенный поиск, он выпадает из формы, как ожидалось. Однако в тот момент, когда кто…