【问题标题】:Override inline colorbox JQuery覆盖内联颜色框 JQuery
【发布时间】:2014-07-29 18:46:31
【问题描述】:

我在一个无法修改 html 的网站上工作,并且需要覆盖一些用于颜色框模式内容的内联 onclick 代码。

如:

<span data-colorbox-theme="white" data-colorbox-options="{&quot;href&quot;:&quot;#joinTheClub-moreDetails&quot;, &quot;inline&quot;:true, &quot;iframe&quot;:false, &quot;width&quot;:&quot;430&quot;, &quot;height&quot;:&quot;340&quot;, &quot;scrolling&quot;:false}" class="colorboxWindow more-details cboxElement">More details</span>

网站上的每个链接都有不同的宽度和高度,我想在头部(我可以访问)覆盖标准百分比宽度和高度(桌面和移动视图的不同值)。

我的 JQuery 相当初级,谷歌还没有给出任何明确的答案。

这应该怎么做?

【问题讨论】:

    标签: javascript jquery html colorbox inline-code


    【解决方案1】:

    在添加或更改任何 css 属性后,只需将 !important 添加到它就不会被 jquery 或任何示例覆盖:

    .someclass{
    width:150px !important;
    }
    

    这会将类 someclass 的任何对象的宽度设置为 150,并防止任何其他样式覆盖它(jquery 样式、浏览器样式、站点中的其他预定义样式......)。

    希望对你有帮助

    【讨论】:

    • 谢谢,是的,我知道加入 !important 规则是一种选择,但 colorbox 会计算包装器中包含的几个 div 的宽度(我可以给出宽度:100%!important),但这不是t 伟大的浏览器调整大小。我希望编写一个覆盖内联内容的 JQuery 函数!
    • 能否请您说的更清楚一些,以便我可以帮助您? :)
    • 我想覆盖内联 JQuery 而不是试图覆盖大量 JQuery 生成的 CSS 规则。这将是标题中的全局规则,允许内联 html 保留对 iframe 的引用,但保持宽度、高度和位置一致
    • 所以只是为了提供更多细节:将重要的规则放在高度上并没有真正起作用,因为有些叠加层是 iframe 而有些则不是。有些定义了内联高度参数,有些则没有。这也需要是响应式的/响应式的,并且调整浏览器的大小会导致高度保持固定。我需要做的是拥有一个始终覆盖任何内联参数的 JQuery 函数。这样做的正确方法是什么?我不能简单地去掉所有的内联函数,因为在某些情况下它们包括 url。
    猜你喜欢
    • 1970-01-01
    • 2013-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-02
    • 2011-07-31
    • 1970-01-01
    • 2019-04-22
    相关资源
    最近更新 更多