Javascript 如何让jQuery.css()胜过样式表?

Javascript 如何让jQuery.css()胜过样式表?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一直在一个页面上工作,我想通过编程在封面幻灯片上设置CSS属性,根据屏幕上有多少不动产。如果页面少于一个边界编号,我不想激活幻灯片。如果页面的宽度大于该边界数,但小于另一个阈值,我希望幻灯片缩小,对于较小的尺寸,缩小得更多。最后,如果它大于两者,我想在逻辑容器中将幻灯片水平居中 资料来源: 和JavaScript,位于: 我当时的心理模型是jQuery.css()将是一张王牌,在我迄今为止尝试的排列中,我从未意识到jQuery.css已经发生了变化 我还尝试使用例如jQuery('#slide

我一直在一个页面上工作,我想通过编程在封面幻灯片上设置CSS属性,根据屏幕上有多少不动产。如果页面少于一个边界编号,我不想激活幻灯片。如果页面的宽度大于该边界数,但小于另一个阈值,我希望幻灯片缩小,对于较小的尺寸,缩小得更多。最后,如果它大于两者,我想在逻辑容器中将幻灯片水平居中

资料来源:

和JavaScript,位于:

我当时的心理模型是jQuery.css()将是一张王牌,在我迄今为止尝试的排列中,我从未意识到jQuery.css已经发生了变化

我还尝试使用例如
jQuery('#slideshow').css('display','block!important')

有没有任何方法可以使用jQuery(或JavaScript)来设置属性,使其保持不变


(我最初的理解有什么错误,DOM节点样式和属性的编程设置可以做什么和不能做什么的真相是什么?

您还没有关闭iframe标记,combined.js从未加载过。如果框架不是自动关闭标记,它们需要一个开始和结束标记

<iframe></iframe>

您尚未关闭iframe标记,combined.js从未加载。如果框架不是自动关闭标记,它们需要一个开始和结束标记

<iframe></iframe>


jQuery的
.css()
方法在元素上内联设置样式。内联样式的优先级高于样式表中的任何样式。所以
.css()
应该胜过你的样式表。这里的明显结论是javascript代码实际上没有运行。您是否尝试过使用
console.log()
或Dev-Tools调试器中的断点在代码运行时跟踪代码?@Spudley true,样式规则具有
的情况除外!重要信息
(这是一个不使用它的好参数)jQuery的
.css()
方法在元素上内联设置样式。内联样式的优先级高于样式表中的任何样式。所以
.css()
应该胜过你的样式表。这里的明显结论是javascript代码实际上没有运行。您是否尝试过使用
console.log()
或Dev-Tools调试器中的断点在代码运行时跟踪代码?@Spudley true,样式规则具有
的情况除外!重要信息
(这是一个很好的论据,不使用它)我不确定“singleton”这个词是否正确。你的意思是“自我关闭”?我不确定“单身”这个词是否正确。你是说“自动关闭”?
if (jQuery(window).width() > 1200)
    {
    if (jQuery(window).width() > 1300)
        {
        var width = min(jQuery(window).width() - 1200, 318);
        document.getElementById('slideshow').src = "/book_covers.cgi?width=" +  width;
        document.getElementById('slideshow').width = width + 'px';
        document.getElementById('slideshow').width = width;
        jQuery('#slideshow').css('right', jQuery(window).width() - 1200 - 318);
        jQuery('#slideshow').css('display', 'block');
        }
    }
<iframe></iframe>