2017-03-13 15 views
0

私はvisjsライブラリを使用していますが、うまく動作しますが、ライブラリのjavascriptによってdivが生成されるため、このlibary(vis js)によって生成されたcssクラスは変更できません。 どのようにこれらのdivのクラスを変更することができます! 私はこれを使用しようとしたが、それは働いていたdidntの:javascriptで生成されたCSSクラスを変更するには

$(document).ready(function() {     
    $(".vis-item").css("background-color", "red"); 
}); 
$(document).ready(function() {     
    $(".vis-item").css("background-color", "red"); 
}); 
+0

はあなたのdivのCSSクラスまたはスタイルタグを変更しますか? –

+0

あなたはコードを共有することができます.. –

+0

divのCSSがこのdivはjavascriptによって生成されます –

答えて

0

を:あなたは、同じようなスタイル属性から空の文字列を渡すことで削除することができます。

$(document).ready(function() {     
    $(".vis-item").addClass('red'); 
}); 

CSS:

.red{ 
    background-color: red; 
} 
+0

ありがとう、しかしそれは働いていません.. divのクラスはjavascriptによって生成されています。あなたは問題を認識します –

+0

htmlをレンダリングした後にaddClassを実行できます。 '.vis-item'.lengthをデバッグできるようにする。 –

1

をいくつかの要素にCSSクラスを追加するには、次のいくつかの要素からcssクラスを削除するには

$('yourSelector').addClass('className'); 

$('yourSelector').removeClass('className'); 

変更するにはあなたのhtmlタグのスタイル属性であるインラインCSS:

このように、HTMLタグのstyle属性にCSSプロパティを追加することができます。いうし、オーバー右側既存のクラスに使用addClass

インラインCSSを
$('yourSelector').css('width', ''); //This will removwe width property 
+0

ありがとう..私はそれを知っています。しかし、私は関数を作成し、上記のセレクタの中に入れて、ボタンをクリックすると問題が発生するのですか? –

+0

jqueryでdivを操作する前に、divがレンダリングされていることを確認してください。 –

関連する問題