首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Batman.js中使用jQuery

在Batman.js中使用jQuery
EN

Stack Overflow用户
提问于 2012-03-12 10:53:13
回答 3查看 910关注 0票数 3

我正在试验Batman.js,我想将jQuery与它一起使用来实现一些标准的Ajax和动画特性。

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

我在https://github.com/Shopify/batman/tree/master/lib上看到了一些列出的文件,但我不确定它们的位置以及如何设置它们。任何关于在Batman.js中正确使用jQuery的建议都将不胜感激。

谢谢。

EN

回答 3

Stack Overflow用户

发布于 2012-05-26 01:00:26

下面是我的脚本的顺序(独立的应用程序,而不是rails) est.js包含我的应用程序(它被方便地命名为EST):

代码语言:javascript
复制
      <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则来自jquery site

确保您的应用程序run方法在加载这些方法后执行:

代码语言:javascript
复制
  <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:

代码语言:javascript
复制
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."
票数 1
EN

Stack Overflow用户

发布于 2013-11-19 14:00:30

蝙蝠侠依靠适配器来实现Batman.Request并帮助查询DOM。要在jQuery中使用蝙蝠侠,请同时包含库 Batman.jQuery适配器:

代码语言:javascript
复制
<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>
票数 1
EN

Stack Overflow用户

发布于 2012-03-12 11:01:58

它说它附带了2个(或更多)文件,其中的文件名为:

代码语言:javascript
复制
batman.js

代码语言:javascript
复制
batman.jquery.js

如果你想在你的网站上和蝙蝠侠一起使用jQuery,你需要添加包含在batman.jquery.js中的适配器,这样你就会看起来像:

代码语言:javascript
复制
//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>

好东西?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9661204

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档