我在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通过文本框显示选择和类别 我想在列表底部显示“全部显示”,这实际上将单击带有空字符串文本框的搜索按钮。 (搜索按钮功能已经实现,搜索字符串为空将返回所有