Question

我对javascript开发相对较新，并试图构建自己的框架。我一直在尝试将我的标准javascript函数转换为框架。然而，我一直被困在一个相对简单的（我认为），但无处解释的问题。

在我的HTML中，我调用了我想在JavaScript中使用的设置（用户必须能够在html中编辑它们，而不是在js中，因为它会被缩小）。

  <script>
        $(document).ready(function(){
            var settings = {authenticFilter: 'on', 
            randomizeHeaders: {state: 'on', topHeader: 'h1', bottomHeader: 'h2'},
         };
            var papery = new Papery(settings);
        });
    </script>

但我似乎无法弄清楚如何在javascript文件中使用我给我的框架设置。

我知道我可以在我的javascript文件中调用this.settings = settings;，但在下面的if语句中，我想在给定的设置中使用特定的设置。但是，此选项以及我尝试使用这些设置的其他几种方法都不起作用。我甚至可以使用我在数组中的html中给出原型的设置吗？

var Papery = function (settings) {

Papery.authenticFilter = function() { 
            if (Papery.authenticFilter == 'on'){
                $("img").addClass("authenticFilter");
                $(".authenticFilter").css({"filter": "sepia(80%) grayscale(1) contrast(1) opacity(0.7)", "-webkit-filter": "sepia(80%) contrast(1) opacity(0.7)"});
            }
        }
}

Answer 1

您使用Papery.authenticFilter代替settings.authenticFilter。请记住，在通常的库中，如果没有在构造函数上传递的设置上定义默认设置，则会在初始化中设置一组默认设置。

如何在我的javascript文件中使用原型调用html中列出的设置（数组）？

1 个答案: