Могу ли я добавить кнопку "Нравится" в Bootstrap Popover Twitter?

У меня есть кнопка, которая запускает popover при нажатии (так же, как живая демонстрация здесь:http://twitter.github.com/bootstrap/javascript.html#popovers)

теперь я хотел бы простую кнопку like в поле содержимого popover. Это возможно? В настоящее время popover отображает только ссылку в виде текста"http://test.com"

:
<a href="#" id="example" rel="popover" data-content="http://test.com" data-original-title="Like"><img src="img/specialbutton.png"></a>

1 ответов


Я не совсем уверен, что вы имеете в виду с помощью кнопки like. Чтобы разместить кнопку с anchortext "like" и ссылкой на "http://test.com на поповере:

1 Удалите все ссылки data-xxx из вашего <a> - tag

<a href="#" id="example" rel="popover"><img src="img/specialbutton.png"></a>

2 вызовите popover, как это

$('#example').popover({
  placement: 'right',
  title: 'Like this website?',
  html: true,
  content: '<button class="btn"><a href="http://test.com">Like</a></button>'
});

вы можете разместить много типов HTML-тегов в content, может быть, вы хотите группу кнопок для различных социальных сетей? Если вы хотите добавить кнопку facebook, вы должны следовать рекомендации для этого и вставьте код, сгенерированный оттуда в content