0

最近，我一直在使用主干编写单页应用程序。当我尝试创建像扔卡片这样的动画但我不能使用 jquery 来执行此操作时。我发现在主干视图调用这个渲染（）之后。我尝试通过 jquery 选择 DOM 元素并对其进行修改。它没有改变什么？有人知道吗？

<!DOCTYPE html>
<head>
<style type="text/css">
#logo { 
position: relative;
}
</style>
</head>
<body>
<div id="container"></div>
<script id="template" type="text/template">
    <image id="card" src='10.png'/>
    <br/>
    <input type="button" id="btn" value="di chuyển"/>
</script>
<script src="move.js"></script>
<script src="jquery.js"></script>
<script src="underscore.js"></script>
<script src="backbone.js"></script>
<script src="app.js"></script>
</body>
</html>

(function($){
    var aniView = Backbone.View.extend({
        template: _.template($('#template').html()),

        events:{
            "mouseover input[type=button]":"moveCard"
        },

        moveCard:function () {
            alert('di chuyển');
            move('#card')
                .add('margin-left', 100)
                .end();
        },

        render:function () {
            $('#container').html(this.template());
        }

    }); 

    var a = new aniView();
    a.render();
})(jQuery);

谢谢！

4

0 回答 0