Fatal编程技术网

Javascript Jquery不使用meteorjs

javascript jquery meteor

Javascript Jquery不使用meteorjs,javascript,jquery,meteor,Javascript,Jquery,Meteor,我正在浏览“流星行动”（myfridge应用程序）的第一个示例。 在为产品添加拖放功能的最后一步，我的应用程序似乎无法识别jquery。我选择了最新版本，因为这本书有点过时 我已经按照要求在/client/main.html文件中包含了jquery CDN <head> <title>myfridge</title> <script src="//code.jquery.com/jquery-3.1.1.min.js"></scrip

我正在浏览“流星行动”（myfridge应用程序）的第一个示例。 在为产品添加拖放功能的最后一步，我的应用程序似乎无法识别jquery。我选择了最新版本，因为这本书有点过时

我已经按照要求在
/client/main.html
文件中包含了jquery CDN

<head>
  <title>myfridge</title>
  <script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
</head>
我查看了其他类似问题的帖子，但这些提示似乎对我不起作用

编辑：控制台中的错误消息

Exception from Tracker afterFlush function:
debug.js:41 TypeError: templateInstance.$(...).droppable is not a function
    at .<anonymous> (main.js:9)
    at template.js:119
    at Function.Template._withTemplateInstanceFunc (template.js:465)
    at fireCallbacks (template.js:115)
    at .<anonymous> (template.js:208)
    at view.js:107
    at Object.Blaze._withCurrentView (view.js:538)
    at view.js:106
    at Object.Tracker._runFlush (tracker.js:511)
    at onGlobalMessage (setimmediate.js:102)
debug.js:41 Exception from Tracker afterFlush function:
debug.js:41 TypeError: templateInstance.$(...).droppable is not a function
    at .<anonymous> (main.js:22)
    at template.js:119
    at Function.Template._withTemplateInstanceFunc (template.js:465)
    at fireCallbacks (template.js:115)
    at .<anonymous> (template.js:208)
    at view.js:107
    at Object.Blaze._withCurrentView (view.js:538)
    at view.js:106
    at Object.Tracker._runFlush (tracker.js:511)
    at onGlobalMessage (setimmediate.js:102)
debug.js:41 Exception from Tracker afterFlush function:
debug.js:41 TypeError: templateInstance.$(...).draggable is not a function
    at .<anonymous> (main.js:34)
    at template.js:119
    at Function.Template._withTemplateInstanceFunc (template.js:465)
    at fireCallbacks (template.js:115)
    at .<anonymous> (template.js:208)
    at view.js:107
    at Object.Blaze._withCurrentView (view.js:538)
    at view.js:106
    at Object.Tracker._runFlush (tracker.js:511)
    at onGlobalMessage (setimmediate.js:102)
debug.js:41 Exception from Tracker afterFlush function:
debug.js:41 TypeError: templateInstance.$(...).draggable is not a function
    at .<anonymous> (main.js:34)
    at template.js:119
    at Function.Template._withTemplateInstanceFunc (template.js:465)
    at fireCallbacks (template.js:115)
    at .<anonymous> (template.js:208)
    at view.js:107
    at Object.Blaze._withCurrentView (view.js:538)
    at view.js:106
    at Object.Tracker._runFlush (tracker.js:511)
    at onGlobalMessage (setimmediate.js:102)
追踪器后冲洗功能异常： debug.js:41 TypeError:templateInstance.$（…）。Dropable不是一个函数 在（main.js:9） 在template.js:119 在Function.Template.\u中使用TemplateInstanceFunc（Template.js:465） 在fireCallbacks上（template.js:115） 在（template.js:208） at view.js:107 在Object.Blaze.\u中使用CurrentView（view.js:538） 在view.js:106 在Object.Tracker.\u runFlush（Tracker.js:511） 在onGlobalMessage（setimmediate.js:102） debug.js:41 Tracker afterFlush函数的异常： debug.js:41 TypeError:templateInstance.$（…）。Dropable不是一个函数 在（main.js:22） 在template.js:119 在Function.Template.\u中使用TemplateInstanceFunc（Template.js:465） 在fireCallbacks上（template.js:115） 在（template.js:208） at view.js:107 在Object.Blaze.\u中使用CurrentView（view.js:538） 在view.js:106 在Object.Tracker.\u runFlush（Tracker.js:511） 在onGlobalMessage（setimmediate.js:102） debug.js:41 Tracker afterFlush函数的异常： debug.js:41 TypeError:templateInstance.$（…）.Dragable不是函数 在（main.js:34） 在template.js:119 在Function.Template.\u中使用TemplateInstanceFunc（Template.js:465） 在fireCallbacks上（template.js:115） 在（template.js:208） at view.js:107 在Object.Blaze.\u中使用CurrentView（view.js:538） 在view.js:106 在Object.Tracker.\u runFlush（Tracker.js:511） 在onGlobalMessage（setimmediate.js:102） debug.js:41 Tracker afterFlush函数的异常： debug.js:41 TypeError:templateInstance.$（…）.Dragable不是函数 在（main.js:34） 在template.js:119 在Function.Template.\u中使用TemplateInstanceFunc（Template.js:465） 在fireCallbacks上（template.js:115） 在（template.js:208） at view.js:107 在Object.Blaze.\u中使用CurrentView（view.js:538） 在view.js:106 在Object.Tracker.\u runFlush（Tracker.js:511） 在onGlobalMessage（setimmediate.js:102）
Jquery作为meteor软件包提供

包括如下内容：

meteor add jquery
您的错误消息是
templateInstance.$（…）。droppable不是一个函数
，这意味着您的
client/main.js
无权访问jQuery UI提供的
.droppable（）
方法

如果您所需要的只是jQuery UI的可拖动和可拖放功能，那么您可以使用
meteor add drewproud:jQuery UI droppable

安装。您好，您的错误消息是什么？我已经包含了它（并从html文件中删除了标记），问题仍然存在。问题在于jQuery UI不可用，而不是jQuery。我们不需要将jquery添加到meteor中，因为它是作为所有MeteorJS应用程序的硬依赖项预先打包的。这似乎解决了这个问题。虽然现在当我将一个项目拖放到“冰箱”中时，控制台会弹出此包装的内部错误
drewproud\u jquery-ui-droppable.js:1725 Uncaught TypeError:无法读取未定义的
的属性“选项”。尽管如此，代码仍按预期工作。 
meteor add jquery