javascript - Jquery 插件对象 # 没有方法 'observe' 问题

Question

您好尝试安装所选的 Jquery 插件，这使我能够自定义我的 <select>在所有浏览器中标记。 Click here无论如何，我已经将这个插件集成到我的网站中，并且在我的元素检查器中遇到了以下错误消息。Click here

“类型错误:对象 # 没有方法‘观察’”

来自以下代码

 <script type="text/javascript">
 document.observe('dom:loaded', function(evt) {
var select, selects, _i, _len, _results;
if (Prototype.Browser.IE && (Prototype.BrowserFeatures['Version'] === 6 || Prototype.BrowserFeatures['Version'] === 7)) {
  return;
}
selects = $$(".chzn-select");
_results = [];
for (_i = 0, _len = selects.length; _i < _len; _i++) {
  select = selects[_i];
  _results.push(new Chosen(select));
}
deselects = $$(".chzn-select-deselect");
for (_i = 0, _len = deselects.length; _i < _len; _i++) {
  select = deselects[_i];
  _results.push(new Chosen(select,{allow_single_deselect:true}));
}
return _results;
 });
 </script>

有谁知道我该如何解决这个问题？？

Answer 1

那个错误只意味着一件事:你要么没有Prototype在您的 html 文档中，或者在您的脚本(来自您的代码示例)执行后加载。发布完成 html - 在某处编码(例如到 JSFIDDLE)以获得更精确的答案。

你有那个代码:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
</head>

在它之前放置另一个 script包含原型(prototype)的标签:

<script src="/path/to/Prototype.js"></script>

然后放置Prototype.js归档到/path/to/服务器上的文件夹。

那么既然你使用了Jquery在您的项目上调用 jQuery.noConflict() (在 jQuery 包含之后)使得 $ Jquery 的符号不会与 Prototype 冲突的一个。

     <script>
         var $jq = jQuery.noConflict()
     </script>
</head>

并替换所有 jQuery 的 $与 $jq在页面上的所有 js 中(它与 Jquery 相关，而不是 Prototype)