将jQuery与Batman.js一起使用
我正在试用Batman.js,我想用jQuery来实现一些标准的Ajax和动画特性 我正在按照页面底部的安装说明进行操作。这里有一个关于如何使用jQuery适配器的简短描述,但我并不真正了解如何设置 我看到了中列出的一些文件,但我不确定它们去了哪里以及如何设置。如果您对如何正确使用jQuery和Batman.js有任何建议,我们将不胜感激将jQuery与Batman.js一起使用,jquery,batman.js,Jquery,Batman.js,我正在试用Batman.js,我想用jQuery来实现一些标准的Ajax和动画特性 我正在按照页面底部的安装说明进行操作。这里有一个关于如何使用jQuery适配器的简短描述,但我并不真正了解如何设置 我看到了中列出的一些文件,但我不确定它们去了哪里以及如何设置。如果您对如何正确使用jQuery和Batman.js有任何建议,我们将不胜感激 谢谢。据说它附带了2个(或更多)文件,其中命名为: batman.js 及 如果您希望在网站上与蝙蝠侠一起使用jQuery,则需要添加适配器,该适配器包含在
谢谢。据说它附带了2个(或更多)文件,其中命名为:
batman.js
及
如果您希望在网站上与蝙蝠侠一起使用jQuery,则需要添加适配器,该适配器包含在batman.jQuery.js中,因此您的应用程序如下所示:
//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.jquery.js
//
好东西?以下是我的脚本顺序(独立应用程序,而不是rails)est.js包含我的应用程序(很方便地命名为est):
蝙蝠侠依赖适配器来实现
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>
YourApp.run()
感谢您的回复。这是我尝试过的,但是我得到了一个JS错误“UncaughtReferenceError:Batman未定义”,所以除非我做了非常非常错误的事情,否则这看起来是不正确的。谢谢。@ChrisPapadopoulos:原来的答案拼错了“javascript”。以上编辑。现在就试试吧。batman.jquery.js不可能代替batman.js。适配器中几乎没有任何代码。描述一定是错的。。。除了batman.js之外,还必须使用batman.jquery.js
<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>
<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>
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."
<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>