Question

我在Noconflict mod中使用Jquery和其他librairies（Jquery Ui，原型js，protoplasm），一切都运行良好，直到我决定使用Bootstrap Tokenfield添加基于jquery ui的搜索系统

我正在尝试使用Jquery Ui实现 this （我更喜欢jquery Ui版本，因为我已经在我的网站上运行了它）但是当我添加代码时

$('#tokenfield').tokenfield({
  autocomplete: {
    source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
    delay: 100
  },
  showAutocompleteOnFocus: true
})

到我的noconflict代码，我得到错误 TypeError：$（...）。tokenfield 不是Firebug中的函数，并且假设执行Bootstrap tokenfield类型的自动完成的代码是没有更多的工作

在Chrome中我正在

未捕获的TypeError：undefined不是functionstandard_a.php：174 （匿名函数）jquery-2.1.3.min.js：2 n.Callbacks.jjquery-2.1.3.min.js：2 n.Callbacks.k.fireWithjquery-2.1.3.min.js：2 n.extend.readyjquery-2.1.3.min.js：2 I

请问如何解决？感谢

Answer 1

如果您正在使用Jquery和其他库，请将Jquery置于noconflict模式并且打开bootstrap-tokenfield.js 并通过向其添加以下代码将其置于noconflict模式

 jQuery( document ).ready(function( $ ) {
// put this at the very beginning of bootstrap-tokenfield.js

//And the bootstrap-tokenfield.js code goes here

//Put this code at the end of the file bootstrap-tokenfield.js 
});

如果您仍面临挑战，请为 Bootstrap.js 或 bootstrap.min.js 执行相同操作，具体取决于您使用的内容。

应该这样做。

在Bootstrap tokenfield中如何解决TypeError：$（...）。在noconflict中使用jquery时，tokenfield不是函数

1 个答案: