【问题标题】:Bootstrap popover links not working引导弹出链接不起作用
【发布时间】:2013-02-13 23:50:31
【问题描述】:

我正在处理一个包含共享按钮的页面,单击该按钮时会弹出一个 twitter 引导弹出窗口,其中包含共享链接。

var content = '<a href="http://www.facebook.com/share.php?u='+link+'">Post to facebook</a><br>';
  content += '<a href="http://twitter.com/home?status='+link+'">Post to twitter</a><br>';
  $('.sharelist').popover({
      'title': 'Share this Playlist', 
      'placement': 'bottom', 
      'html': true, 
      'content': content
  });

它几乎做到了。东西弹出,链接在那里并且是蓝色的,将鼠标悬停在它们上面会将光标变成一只小手,但是当我点击时,什么也没有发生!我可以右键单击以在新选项卡中打开,并且链接再次起作用。

为什么会这样?

【问题讨论】:

  • 你应该使用encodeURIComponent(link)
  • 感谢杰克的提示,但这并不能解决问题。
  • 我认为您的代码没有问题。你能创建一个fiddle 的问题吗?

标签: javascript html twitter-bootstrap


【解决方案1】:

更新:

在您的链接中添加一个名为“post-popover”的类
$(document).ready(function() {
  $('.post-popover').popover({
    placement: 'bottom',
    title: 'Share this Playlist',
    content: 'content',
    html: true, 
    trigger: 'click'
  });

});

【讨论】:

  • vr1911428 这不起作用。我不知道它应该如何工作,我尝试将其粘贴进去,没有任何改变。
猜你喜欢
  • 2017-06-25
  • 1970-01-01
  • 2014-12-21
  • 1970-01-01
  • 1970-01-01
  • 2013-03-25
  • 2015-06-27
相关资源
最近更新 更多