Question

在我的插件（jquery）的一部分中，我将CSS规则添加到元素中。这是代码：

tagSet.eq(index).css({
                    options.tag_direction : (xy[0]+"px "+strictCSS),
                    "position" : ("relative"+" "+strictCSS),

                    "top" : (xy[1]+"px "+strictCSS),
                })

但是，如果我更换＆＃34;左＆＃34; with options.get_direction_hor itros。这是错误：

SyntaxError: missing : after property id


options.tag_direction_hor : (xy[0]+"px "+strictCSS),

我这样做是因为我希望用户（开发人员）能够使用＆＃34; left＆＃34;或＆＃34;对＆＃34; css规则，以避免黑客攻击源代码。

我也有console.log(options.get_direction_hor)并且输出正确。我有什么关于javascript对象的东西吗？

以下是选项签名：

$.fn.mtTagger = function(options){
        var options = $.extend({
            tag_class : ".mtTagElement", //
            tag_before_callback : null,  // a callback to gets fired when the pages(or section) loads       
            tag_htmlTag : "span", // HTML elements to be selected as children           
            tag_limit_to_class : false, // if true, then the selection is $(element.class) than it was $(element) if false
            tag_mouse_in_callback : null, // a callback to gets fired when the mouse moves enters
            tag_mouse_out_callback : null, // a callback to gets fired when the mouse moves leaves
            tag_strict_css : false, // if true, then !important will be appened to the end of each CSS rule
            tag_direction_hor : null
        }, options)

Answer 1

您的语法不正确。对象文字定义不能包含您尝试提供options.tag_direction的动态键。相反，您可以将其分为两部分：

var styles = {
    position: "relative" + " " + strictCSS,
    top: xy[1] + "px " + strictCSS
};
styles[options.tag_direction] = xy[0] + "px " + strictCSS;
tagSet.eq(index).css(styles);

还记得在最后一个对象属性之后清理尾随逗号（在旧的IE中会中断）。

使用带有$ .fn的jquery选项会导致错误

1 个答案: