Bootstrap.js throws a selector option error: selector option must be specified when initializing tooltip on the windows.document object

匿名 (未验证) 提交于 2019-12-03 02:29:01

问题:

When I try run my web application in bootstrap.js I get the following error:

Unhandled exception at line 1306, column 7 in localhost:7904/Scripts/bootstrap.js 0x800a139e - JavaScript runtime error: selector option must be specified when initializing tooltip on the window.document object!

This is the following lines of code it is referring to:

  Tooltip.prototype.init = function (type, element, options) { this.enabled   = true this.type      = type this.$element  = $(element) this.options   = this.getOptions(options) this.$viewport = this.options.viewport && $($.isFunction(this.options.viewport) ? this.options.viewport.call(this, this.$element) : (this.options.viewport.selector || this.options.viewport)) this.inState   = { click: false, hover: false, focus: false }  if (this.$element[0] instanceof document.constructor && !this.options.selector) {   //LINE 1306 IS RIGHT HERE   throw new Error('`selector` option must be specified when initializing ' + this.type + ' on the window.document object!') }  var triggers = this.options.trigger.split(' ')  for (var i = triggers.length; i--;) {   var trigger = triggers[i]    if (trigger == 'click') {     this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))   } else if (trigger != 'manual') {     var eventIn  = trigger == 'hover' ? 'mouseenter' : 'focusin'     var eventOut = trigger == 'hover' ? 'mouseleave' : 'focusout'      this.$element.on(eventIn  + '.' + this.type, this.options.selector, $.proxy(this.enter, this))     this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))   } }  this.options.selector ?   (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :   this.fixTitle()} 

Any help on this matter would be appreciated, thanks.

回答1:

I re-ordered the libraries in the following way:

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script> 

Next I put all personal javascripts after. That seemed to take care of the issue.



易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!