2 
<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を使用して左と幅を削除する必要があります。可能ですか？

4

5 に答える 5

3

cssファイルにのみアクセスできる場合は、！importantを使用してください。

.ui-slider-range, 
.ui-widget-header {
    width: 100px !imporant;
    left: 0 !important;
}
于 2013-01-08T07:16:15.677 に答える
3

jqueryUIウィジェットの内部部分のスタイルをオーバーライドする必要があるのはなぜだろうか？ウィジェットをオーバーライドする必要があるウィジェットのレイアウトの何が問題になっていますか？

注：スライダーウィジェットの実際の値を変更しようとしている場合、CSSを変更することはそれを行う方法ではありません-はい、ここに示されている他の回答により、要素の幅と左の属性が削除されますが、ウィジェットのスライダーマーカー値は変更されません。ユーザーがウィジェットにもう一度触れるとすぐに、ウィジェットが再表示されます。

明確にするために：あなたがやろうとしていることは、単に機能しない方法でウィジェットをハックすることです。

スライダーがゼロになるようにウィジェットを設定する場合は、CSSではなくJavascriptを使用して行う必要があります。jQueryUIマニュアルを参照してください-http ://api.jqueryui.com/slider/

私はあなたがこのようなものを必要としていると思います：

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

ここで、「。selector」は、スライダーを含むメイン要素の参照です（jqueryUIによって生成されるウィジェットの個々のビットのセレクターではありません）。

それがお役に立てば幸いです。

于 2013-01-08T07:33:01.630 に答える
2

または、css宣言に！importantを追加してみてください。例えば。幅：100％！重要;

于 2013-01-08T07:14:41.287 に答える
2

jQuery関数cssを使用して、cssプロパティを変更できます。

$(function(){
     $('.ui-slider-range.ui-widget-header').css('left', '');
     $('.ui-slider-range.ui-widget-header').css('width', '');
});

それでもjsにアクセスできない場合は、スクリプトを追加して、すでに生成されているhtml要素を変更できます。

于 2013-01-08T07:12:32.763 に答える
2

これを使用して!importantください：

.yourCssClass{
    height:0px !important;
 }

フィドル： http： //jsfiddle.net/TPL3f/

于 2013-01-08T07:20:54.947 に答える