Twitter Bootstrap弹出框无法正常工作?

4

我已经让Bootstrap的工具提示正常工作了,但是每当我尝试启动弹出窗口时,使用以下代码就会出现错误Uncaught TypeError: Cannot read property 'prototype' of undefinedUncaught TypeError: Cannot read property 'Constructor' of undefined

 Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {

    constructor: Popover

  , setContent: function () {
      var $tip = this.tip()
        , title = this.getTitle()
        , content = this.getContent()

      $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
      $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)

      $tip.removeClass('fade top bottom left right in')
    }

我不太清楚这个问题出在哪里,因为之前它是可以工作的。有什么想法吗?提前感谢。


你能创建一个 jsfiddle 吗? - Jonathan Crowe
很遗憾,Bootstrap的小部件js没有托管。我至少试图启动它。http://jsfiddle.net/ZrL2q/3/ - triplethreat77
你看过关于扩展Object.prototype的这篇文章吗?[https://dev59.com/W2TWa4cB1Zd3GeqPGsQH] - crazymatt
@crazymatt 所以我之前使用的 JS 出了问题?我没有做任何不寻常的事情。 - triplethreat77
没有看到你使用的代码,很难说。我建议重新下载BootStrap,并在不修改任何代码的情况下使其正常工作。如果它不能正常工作,则您的配置设置不正确。如果它可以正常工作,那么可能是您尝试集成的代码存在冲突问题。 - crazymatt
如果您想在Bootstrap 3.x上使用它,请使用https://github.com/Tavicu/bootstrap-confirmation。 - almaruf
2个回答

4

我曾经遇到了同样的问题,并通过Paul Watson的评论解决了这个问题。

请确保在bootstrap-popover.js之前引入了bootstrap-tooltip.js。


0

尝试将您的调用包装在$(document).ready()块中

例如:

$(document).ready(function() {
    $('.tipsPop').tooltip();
});

是的,那不是问题。它已经包装好了,我只是从一个长项目中取了一部分。 - triplethreat77

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接