javascript - 如何在早午餐中使用 jquery

标签 javascript jquery backbone.js underscore.js brunch

我正在尝试设置主干应用程序,但收到“$ 未定义”错误。

Tree : 
      app :/
           app.js
           js :/
               jquery.js
               underscore.js
               backbone.js

我有一个早午餐的 config.coffee 文件:

exports.config =   paths:
    public: 'www'   files:
    javascripts:
      joinTo:
        'js/atf.js': /^app/
      order:
        before: [
          'app/js/jquery-2.0.2.min.js',
          'app/js/underscore.js',
          'app/js/backbone.js'
        ]

    stylesheets:
      joinTo:
        'css/atf.css': /^app/

    templates:
      joinTo: 'js/atf.js'

我的index.html文件:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr" x-manifest="/manifest.appcache"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Test</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="stylesheet" type="text/css" media="all" href="/css/atf.css?v=2">
  <script src="/socket.io/socket.io.js"></script>
  <script src="/js/atf.js?v=3"></script>
  <script>require('app');</script>
</head>
<body></body>
</html>

我的 app.js 文件只是为了进行测试:

$(function(){
    alert('test');
});

有人可以帮助我吗?谢谢!

最佳答案

将文件从app/js移动到vendor(创建此目录)。并将 javascripts.joinTo 更改为您在 templates 中使用的同一个。

这应该可以解决问题。

关于javascript - 如何在早午餐中使用 jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34810214/

相关文章:

java - 在循环内的 Highcharts 中创建多个系列

backbone.js - 在 "reset"事件后使用 Promises 将主干绑定(bind)到 "fetch"

wordpress 3.5媒体管理器-添加我自己的ribs.js View

javascript - 使用 Backbone.Relational 与 Backbone.Marionette 和 Backbone.ioSync 进行提取后的 fetchRelated

javascript - 如果已经在 jquery 中的第一行中选中,则防止在第二行中选中复选框

javascript - React Router v4.0 - 重定向到路由器范围之外的页面

javascript - 查看 html 表单是否已更改

javascript - gmaps4rails - 将标记拖放到新位置

javascript - 更改特定元素的 Bootstrap 弹出窗口位置

jquery - 使 DIV 中除其他链接之外的所有元素都充当链接