javascript - 如何将 JS 对象制作成 jQuery 元素？

Question

我承认我真的不知道自己在做什么。但我正在尝试以面向对象的方式使用 JS。

我有一个表单域，我可以在其中输入数据。在右侧，我可以“预览”特价商品的外观。

当我在输入字段中添加文本时，我希望它显示在预览中。

我试过使用下面的代码，但不是很成功。我认为我在这里缺少一些基本知识/理解。

mirrorText: function(){
    var self = this;
    $('#title').keyup(function(){
        self.previewObject.title.text($(this).val());
     });
},

previewObject: {
    img: null,
    title: null,
    dateRange: null,
    address: null,

    init: function(){
        self.img = $('.offer-container .promo-img');
        self.title = $('.offer-container h3');
        self.dateRange = $('.offer-container .valid-through');
    }
}

See the full code here (jsfiddle)。

Answer 1

P(段落)中不能有 DIV，因此找不到元素。我将其更改为另一个 div 作为示例。

您还在一个地方引用了 self，我认为它应该是 this(在 init 中)。

JSFiddle:http://jsfiddle.net/TrueBlueAussie/w0nn5Ls9/6/

Promo = {

    init: function(){
        var self = this;
        self.previewObject.init();
        self.mirrorText();
    },

    mirrorText: function(){
        var self = this;
        $('#title').keyup(function(){
            self.previewObject.title.html($(this).val());
         });
    },

    previewObject: {
        img: null,
        title: null,
        dateRange: null,
        address: null,

        init: function(){
            this.img = $('.offer-container .promo-img');
            this.title = $('.offer-container h3');
            this.dateRange = $('.offer-container .valid-through');
        }
    }
}    

Promo.init();