Есть ли рабочий пример селектора bootstrap popover - PullRequest
Новая
       27

Есть ли рабочий пример селектора bootstrap popover

0 голосов
/ 21 января 2020

В документации к Bootstrap Popover есть ссылка на информативный пример со следующим кодом: 

function usingSelectorOption() {
  return $('#use-selector').is(':checked');
}

function updateCodeView() {
  $('#with-selector-code').toggle(usingSelectorOption());
  $('#without-selector-code').toggle(!usingSelectorOption());
}

$(function() {
  // Update code view when checkbox is toggled
  updateCodeView();
  $('#use-selector').click(function() {
    updateCodeView();
  });


  var startedDemo = false;
  $('#add-button').click(function() {
    // One-time initialization
    if (!startedDemo) {
      if (usingSelectorOption()) {
        $('body').popover({
          selector: '.has-popover'
        });
      } else {
        $('.has-popover').popover();
      }

      startedDemo = true;
    }

    // Disable selector checkbox, put a tooltip on it, and show the buttons panel
    $('#use-selector').attr('disabled', 'disabled');
    $('#use-selector-label span').tooltip();
    $('.buttons').show();

    // Add a new button that triggers (or doesn't) a popover, with the appropriate message
    var button = null;
    if (usingSelectorOption()) {
      button = $('<button class="btn btn-block btn-success has-popover" data-title="Dynamic" data-content="This button was added dynamically by JavaScript" data-placement="top">Working dynamically added button</button>');
    } else {
      button = $('<button class="btn btn-block btn-default has-popover" data-title="Dynamic" data-content="This button was added dynamically by JavaScript" data-placement="top">Non-working dynamically added button</button>');
    }

    button.appendTo('.buttons');
  });
});

Но этот пример не работает, когда я пытаюсь запустить его. Нажатие на кнопку «Добавить всплывающее окно» не имеет никакого эффекта.

В консоли имеется несколько ошибок, в том числе:

Блокировка загрузки смешанного активного содержимого

ReferenceError: $ не определено

Есть ли где-нибудь работающий пример этой функции?

...