0

最近、バックボーンを使用してシングルページアプリを作成しています。カードを投げるようなアニメーションを作成しようとしましたが、jqueryを使用してこれを行うことができません。バックボーンビューの後で、このrender（）を呼び出すことがわかりました。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