jquery - 如何覆盖来自js的内联css

Question

<div class="ui-slider-range ui-widget-header" style="left: 16.67824878387769%; width: 70.8825573314802%; "><p>4:00am  9:00pm</p></div>

整个 div 都是通过 jquery 来的。不幸的是我无法访问 js。我需要使用 css 删除左边和宽度，这可能吗？

Answer 1

我想知道为什么您需要覆盖 jqueryUI 小部件内部部分的样式？您需要覆盖的小部件布局出了什么问题？

注意:如果您试图更改 slider 小部件的实际值，则更改 CSS 不是这样做的方法——是的，此处给出的其他答案将导致元素放弃其 width 和 left 属性，但它不会更改小部件的 slider 标记值，只要用户再次触摸小部件，它就会重新出现。

需要明确的是:您正在尝试以一种根本行不通的方式破解一个小部件。

如果要将小部件设置为使 slider 位于零，则需要通过 Javascript 而不是 CSS 来完成。请参阅 jQueryUI 手册 -- http://api.jqueryui.com/slider/

我怀疑你需要这样的东西:

 $(".selector").slider( "values", 0, 0 );
 $(".selector").slider( "values", 1, 0 );

其中“.selector”是包含 slider 的主要元素的引用(不是由 jqueryUI 生成的小部件的各个位的选择器)。

希望对您有所帮助。