Question

我有一个复杂的jQuery插件要写，它确实有很多html在屏幕上显示，我应该创建它们。那么，完成这项工作的最佳方式是什么。我可以肯定地对它们进行硬编码，但还有其他优雅的方法吗？有没有办法使用某种模板？我绝对不想要有更多的依赖。

Answer 1

您可以将它们放在外部文件中并在需要时加载它们，但这意味着插件用户必须下载所有文件，而不是单个js文件。我之前使用的另一个选项（不是插件）是在你的插件中有一个对象，它包含你想要的所有html。这使得编写插件更容易，因为html不会使插件代码混乱。此外，当您需要编辑html时，它就在一个地方。您还可以将模板代码放在此对象中。

var pi = function() {
    var self = this;

    self.getNewDiv = function(){
        return repo.getDiv();
    }

    //..... all your plug in code goes here and at the bottom

    var htmlRepository = function() {
        var divCode = "<div></div>";

        this.getDiv = function(){
           return divCode;
        };

        this.getSpan = function(){
            return "Span Content";
        }

        this.getDivWithSpan = function(){
            return getSpan().wrap(divCode); //etc
        }
    };

    var repo = new htmlRepository();
}

在编写复杂的jQuery插件时表示HTML部分的最佳方式

1 个答案: