2017-07-02 9 views
0

UIタブ内のボタンをチェックして別のタブを追加するのに役立ちます。 ボタンがあります。 すべてのボタンがUIの1つのタブに配置されます。Jquery ui tabsはCSSクラスを追加します

span.jrIconStarの場合、もう1つのクラス「赤」を追加します。

<button class="Button" data-states='{"on":"jrIconStar","off":"jrIconEmptyStar"}'> 

    <span title="Main Photo" class="jrIconStar"></span> 

</button>                
<button class="Button" data-states='{"on":"jrIconStar","off":"jrIconEmptyStar"}'> 

    <span title="Photo" class="jrIconEmptyStar"></span> 

</button> 

img

+2

[Jquery UIタブのクラスを追加](https://stackoverflow.com/questions/3271235/jquery-ui-tabs-add-class)の可能な複製 –

答えて

0

私が正しく理解していれば、あなたはID jrIconStarであなたのスパンに指定されたクラスを追加します。次のjQueryコードこの使用を達成するために:

jQuery("#jrIconStar").addClass("className")または $("#jrIconStar").addClass("className") あなたは、これは、あなたが次のようにそれを使用することができ、ボタンのクリックで発生する場合:これがあれば

$("body").on("click", "#yourButtonId", function(){ $("#jrIconStar").addClass("className"); });

をそうでない場合は、より多くの情報を提供してください!これがあなたを助けることを願っています!

EDIT:

https://stackoverflow.com/a/3271277/7654934

私は、これはあなたが探している答えであると信じています。

+0

このコードは私の場合はうまくいかず、私はこのボタンを悲しいjQuery UIのタブ内。しかし、私は方法を理解していません( –

+0

あなたがあなたの問題のjsFiddleを提供する場合は、私は見て、あなたを助けようとするでしょう! –

+0

私の答えをチェックしてください:) –

関連する問題