我在jQuery中创建了一个函数，它允许我创建一个灯箱，如下所示： 

var lightbox = create_lightbox(params);

我想扩展这个功能，所以我可以添加自定义css，使它看起来像在任何给定的情况下的感觉。 我希望能够做到这一点： 

    lightbox.css = {
    "background-color" : "red",
    etc...

}

什么是最好的方法，我将如何迭代我的函数内的CSS元素？

tyvm

===============>>#1 票数：1 已采纳

创建函数以获取一个对象，其中包含要添加到灯箱的css属性中的所有值，然后使用jQuery的extend添加默认值。 

function create_lightbox(params, css){
    css = $.extend({ "background-color": "default val"}, css);

    lightbox.css = css;
}

如果你真的想要遍历css中的所有属性，你可以使用for循环 

function create_lightbox (params, css) {
   css = $.extend({ "background-color": "default val"}, css);

   for (cssKey in css)
     lightbox.css[cssKey] = css[cssKey];
}

===============>>#2 票数：1

只需使用CSS，因为应该使用CSS：在<style> -tag或链接的.css文件中。 lightbox插件使用以下dom树; 

<div id="jquery-lightbox">
    <div id="lightbox-container-image-box">
        <div id="lightbox-container-image">
            <img id="lightbox-image" />
            <div id="lightbox-nav">...</div>
        </div>
    </div>
</div>

那么你想要风格的风格。 我想你不想在每个盒子上使用不同的款式？

===============>>#3 票数：0

您可以向灯箱类添加元素属性，以便可以从构造函数中修改值： 

function lightbox() {
    this.element = document.ccreateElement("div")
    this.light = "light";
    this.box = "box";
}

var newLightBox = new lightbox();
newLightBox.element.style.background = "#000";

  ask by vincent translate from so

未解决问题？本站智能推荐：

1回复

添加将功能添加到现有自定义航点功能的功能

您好，我创建了一个自定义航点功能，该功能效果很好，但是我希望能够向其中添加功能。 这是工作中的自定义航点功能： 接下来，我想添加将功能添加到if语句的功能，这是我想出的： 我在第1行和第7行添加了functionName。然后，我尝试在最后一行调用它。 函数“ test”
1回复

将自定义功能添加到引导程序提前

我正在使用typeahead提取名称，然后使用名称对应的id更新隐藏字段。 在我的表单中，名称可以保留为空白，不需要填写。 有没有一种方法可以向typeahead函数添加自定义错误检查？ 例如，我开始填写表格并键入/选择一个用户，然后我改变主意并希望将其留空。 至此，用户ID已经添加
1回复

如何将自定义css和js文件添加到wordpress的管理区域[关闭]

问题被问了太多次，并且有太多不同的问题，并且由于某种原因，我似乎无法使用我找到的答案。 非常奇怪的是，我之前已经开发了主题并且它正在运行。 我需要为我的主题做一些选项，所以我在wordpress管理区域中制作了单独的菜单并且它可以工作，我为该页面添加了一些选项并且显示了它，也保存了选项。
1回复

如何在Odoo 8中将CSS和javascript文件添加到自定义模块中？

这个问题已经在这里回答： https://stackoverflow.com/questions/32846826/how-to-add-css-files-to-a-custom-module-in-odoo-8# = css链接有效，但与js链接不兼容，服务器损坏了。 能否
1回复

将自定义CSS类添加到由kendoEditor的工具栏操作触发的弹出窗口中

我想向通过kendoEditor的工具栏打开的弹出窗口中添加自定义CSS类（例如“插入超链接”）。 我尝试查看kendoEditor的实例对象（ $("#Comments").kendoEditor().data('kendoEditor') ），但我只能找到与小部件本身相关的内容，而不能
1回复

如何正确地将自定义CSS添加到Bootstrap模式

我正在编写一个名为Brackets的文本编辑软件的扩展，Brackets使用Bootstrap来设置Modal和CSS的样式。 我正在尝试向Modal添加自定义CSS，以便我可以重新格式化，移动和调整模态上的不同元素，例如复选框和下拉菜单，使其看起来更干净。 每次我尝试通过使用内置标签或
3回复

自定义Javascript和CSS已添加到Wordpress，但是仍然无法正常工作

我目前正在开发的网站内容围绕着古老的西藏经文。 我的目标是为用户提供文本的基本交互式翻译。 最重要的是使用户能够体验英语和藏语两种语言的文本。 我决定采用一种简单的突出显示方案来显示英语单词/短语是如何从藏文中获得的，反之亦然。 将鼠标悬停在特定的单词/短语上时，会同时突出显示藏语和
1回复

GreaseMonkey只将自定义点击功能添加到第一个元素

我有一个页面，其中包含一组共享类的表。 我希望能够使用GreaseMonkey为每个人添加一个click功能。 该脚本运行但只有第一个表似乎工作。 单击它会导致记录消息，其他人什么也不做。 这是我的GreaseMonkey脚本： 示例HTML： 因此，在这种情况下，只
1回复

人们为什么要将自己的自定义/用户功能添加到jQuery对象？ [关闭]

我见过人们向jQuery对象（ $ ）添加自己的自定义/用户函数。 例如： 你为什么要这样做？ 除了创建$.myUserFunc ，为什么不创建简单的myUserFunc函数，或者（如果要避免污染全局范围）将其放在另一个自定义/用户对象（如myObj.myUserFunc ？
1回复

将“全部显示”添加到Jquery自定义自动完成功能的列表底部

如何在具有类别的“自动完成”底部创建链接？ Ly MVC应用程序使用jQuery的autocomplete和catcomplete通过文本框显示选择和类别 我想在列表底部显示“全部显示”，这实际上将单击带有空字符串文本框的搜索按钮。 （搜索按钮功能已经实现，搜索字符串为空将返回所有