Question

我使用backbone.js时遇到问题，这是我的代码。

<div id="dx-container">
    <aside id="dx-sidebar">
        <button>SLIDE</button>
    </aside>
    <section id="dx-content">
        CONTENT CONTENT<br/>
    </section>
</div>

<script type="text/javascript" src="js/library/jquery/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/library/underscore/underscore-min.js"></script>
<script type="text/javascript" src="js/library/backbone/backbone-min.js"></script>
<script>
    var View = Backbone.View.extend({
        el: '#dx-content',
        initialize: function() {
            this.heloo();
        },
        events: {
            "click button": "clickAction"
        },
        heloo: function(){
            this.$el.html("Hello World");
            console.log("Hello World Sucess");
        },
        clickAction: function(e){
            this.$el.html("Click Action Success");
            console.log("Click Action Success");
        }
    });
    var tes = new View();
</script>

当按钮操作单击时，骨干视图无法运行clickAction方法，但如果此方法使用构造函数运行，则可以运行，任何人都可以帮助我，谢谢。 enter image description here

Answer 1

电话需要在＃dx-container：

var View = Backbone.View.extend({
    el: '#dx-container',
    initialize: function() {
        this.heloo();
    },
    events: {
        "click button": "clickAction"
    },
    heloo: function(){
        this.$el.html("Hello World");
        console.log("Hello World Sucess");
    },
    clickAction: function(e){
        this.$el.html("Click Action Success");
        console.log("Click Action Success");
    }
});
var tes = new View();

Answer 2

我可能会对你的问题感到困惑，但是从我的问题出发，当你在编辑器中查看你的页面时，一切正常，但一旦上传到互联网就会停止工作？如果这是你的意思那么很可能是src=""问题。

实施例：当您从编辑器查看页面时，它可以引用您的脚本文件，因为它们与您的页面在您的计算机上。所以，这没关系。

<script type="text/javascript" src="js/library/jquery/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/library/underscore/underscore-min.js"></script>
<script type="text/javascript" src="js/library/backbone/backbone-min.js"></script>

但是，上传页面后，您还必须将.js文件上传到上面显示的确切路径，或者只是用确切的知道位置替换路径：

<script type="text/javascript" src="http://www.yoursite.com/path/to/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="http://www.yoursite.com/path/to/underscore-min.js"></script>
<script type="text/javascript" src="http://www.yoursite.com/path/to/backbone-min.js"></script>

如果这不是你要求的那么我道歉，这有点不清楚。

Answer 3

感谢您的帮助，按钮必须位于＃dx-container

上

var View = Backbone.View.extend({
    el: '#dx-container',
    initialize: function() {

    },
    events: {
        "click button": "clickAction"
    },
    clickAction: function(){
        this.$el.append("Click Action Success");
    }
});
var tes = new View();

骨干视图无法运行clickAction方法

3 个答案: