Question

我正在尝试使用Batman.js，我想将jQuery用于一些标准的Ajax和动画功能。

我正在按照位于http://batmanjs.org/download.html的安装说明进行操作，页面底部有一个关于如何使用jQuery适配器的简短说明，我不太了解如何设置。

我看到https://github.com/Shopify/batman/tree/master/lib列出的一些文件，但我不知道它们去了哪里以及如何设置它。任何有关使用jQuery与Batman.js正确方法的建议表示赞赏。

感谢。

Answer 1

这是我的脚本的顺序（独立应用程序，而不是rails）est.js包含我的应用程序（方便地命名为EST）：

      <script src="/app/vendor/coffee-script.js" type="text/javascript"></script>
      <script src="/app/vendor/es5-shim.js" type="text/javascript"></script>
      <script src="/app/vendor/batman.js" type="text/javascript"></script>
      <script src="/app/vendor/batman.jquery.js" type="text/javascript"></script>
      <script src="/app/vendor/jquery-1.7.2.min.js" type="text/javascript"></script>
      <script src="est.js" type="text/javascript"></script>

全部来自batman lib和jquery site的jquery。

确保您的应用运行方法正在加载后执行：

  <script src="/app/vendor/coffee-script.js" type="text/javascript"></script>
  <script src="/app/vendor/es5-shim.js" type="text/javascript"></script>
  <script src="/app/vendor/batman.js" type="text/javascript"></script>
  <script src="/app/vendor/batman.jquery.js" type="text/javascript"></script>
  <script src="/app/vendor/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script src="est.js" type="text/javascript"></script>

</head>
  <body>
     <div id="container" data-yield="main">

     </div>
  </body>
</html>

<script type="text/javascript">
  EST.run();
</script>

另外请确保您的应用程序在窗口类上，否则run方法将爆炸：

est.js：

window.EST = class EST extends Batman.App

  Batman.ViewStore.prefix = 'app/views'

  # loads up controllers
  @controller 'app', 'sections', 'sectionrows', 'rows'
  @model 'section', 'sectionrow', 'row'

  @root 'app#index'
  @resources 'sections', 'sectionrows', 'rows'

  @on 'run', ->
    console?.log "Running ...."

  @on 'ready', ->
    console?.log "EST ready for use."

Answer 2

Batman依靠适配器来实现Batman.Request并帮助查询DOM。要将Batman与jQuery一起使用，请包含和库Batman.jQuery适配器：

<script src='batman.js'></script>
<script src='jquery.js'></script>
<script src='batman.jquery.js'></script>
<script src='your_app.js'></script>
<script>
  YourApp.run()
</script>

Answer 3

它说有2个（或更多）文件，其名称为：

batman.js

和

batman.jquery.js

如果你想在你的网站上使用jQuery和batman，你需要添加适配器，它包含在batman.jquery.js中，所以你的＆lt; head＆gt;看起来像是：

//disclude the following line, and instead, use batman.jquery.js
//<script type="text/javascript" src="/path/to/batman.js"></script>
<script type="text/javascript" src="/path/to/batman.jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery.js"></script>

好东西？

在batman.js中使用jQuery

3 个答案: