2

我有一个表格，上面有一个绑定到<a>元素的厚框。当您单击该元素时，它会在框中加载一个 URL 并运行一些脚本。由于我正在使用的平台的限制，我无法访问脚本、thickbox.js 或正在加载的 HTML。我所能做的就是编写自己的样式和脚本。

问题是某些东西#TB_window在加载后会提供几种内联样式。看一看：

<div id="TB_window" style="position: fixed; z-index: 10002; top: 50%; left: 50%; margin-left: -315px; width: 630px; margin-top: -220px; display: block; ">

我的整个问题在于宽度，我需要覆盖该样式。我试图将点击事件绑定到<a>，如下所示：

('a#btnReferAFriend').click(function(){
    if('#TB_title.length'){
        $('#TB_window').css('width','400px');
        alert($#TB_window.css('width');
    } else {
        alert('Wrong');
    }
});

结果是脚本是显示“400px”的警报。但就在此之后，我的样式被内联样式覆盖。我不知道到底发生了什么，我认为另一个脚本正在某个地方运行，也许是修改后的thickbox.js？

应用内联样式后，我应该怎么做才能覆盖它们？

4

2 回答 2

1

您可以使用以下样式：

#TB_window { width:400px !important; }

这应该覆盖在内联样式中找到的宽度。

于 2012-05-18T13:57:18.317 回答
0

您可以删除内联样式以强制它尊重您自己的声明：

$('#TB_window').removeAttr('style')
于 2012-05-18T13:59:13.950 回答