Question

问候伙伴stackoverflowers，

我正在开发一个jQuery类，我有一个函数可以将一些html代码附加到容器中。

this.displayOptions = function(property, container) {
    for (var i = 0; i < this[property + 'Count']; i++) {
        $(container).append('<a href="#" onclick="' + call_a_function_from_this_class + '; return false"></a>');
    }
}

到目前为止，没问题。在同一个班级，我有另一个功能

this.setProperty = function(property, index) {
    this[property] = index;
    this.update();
}

当我点击它时，我希望附加的HTML调用此函数setProperty函数。我怎么能这样做？

为了它的价值，我像这样初始化我的课程

 var myVariable = new MyPlugin();

我知道我可以<a href="#" onclick="myVariable.setProperty('', '')">，但插件无法知道变量。

感谢任何帮助！

Answer 1

找到我的解决方案。我得到了这样的工作：

this.displayOptions = function(property, container) {
    var self = this;
    for (var i = 0; i < this[property + 'Count']; i++) {
        var element = $('<a href="" data-property="' + property + '" />');
        $(container).append(element);

        element.click( function() {
            self.setProperty($(this).attr('data-property'), $(this).index());
        return false;
        });
     }
}

jQuery类：通过调用类中的函数来追加html

1 个答案: