2

簡単な質問ですが、「fontawesome-angle」を維持しながら「上」と「下」を切り替えるクラスを切り替えたいですか? 私はいくつかの方法を試しました：

    $('.build-button').live('click', function(el) {

        var span = $(this).find('span'),
                var icon = //not sure here.. 
                           //I want to toggle between 'up' and 'down'


        span.toggleClass('fontawesome-angle-'+icon ? 'up' : 'down')

});

申し訳ありませんが、これは間違っていますが、困惑しています。これは非常に簡単なはずです...

解決策を見つけたようです：

    $('.build-button').live('click', function(el) {
        var span = $(this).find('span'),
            button = $(this),
            icon = $(this).hasClass('function_on')

        button.addClass('function_on')
        $('#content-builder').toggleClass('opened');
        span.toggleClass('fontawesome-angle-'+icon ? 'up' : 'down')

    });

まだいくつか微調整が必​​要ですが、何か指摘したいことがあれば、喜んで承ります。

4

3 に答える 3

3

マークアップ

<span class="fontawesome-angle-up">test</span>
<input type="button" value="click" class="build-button"/>

js

   $(function(){
    $('.build-button').click(function(){
        $('span').toggleClass("fontawesome-angle-up fontawesome-angle-down");
    });
   });

フィドル

于 2013-09-13T02:07:56.750 に答える
0

この 2 つの方法を使用できます。

デフォルトのクラス mb up または down

<span class="fontawesome-angle-up" ></span>

そして、あなたはこのようなものを切り替えます:

span.toggleClass('fontawesome-angle-up');
span.toggleClass('fontawesome-angle-down');
于 2013-09-13T01:44:17.570 に答える
0

試す

 $('.build-button').live('click', function (el) {
     var span = $(this).find('span'),
         button = $(this),
         icon = $(this).hasClass('function_on');

     button.addClass('function_on');
     $('#content-builder').toggleClass('opened');
     span.toggleClass('fontawesome-angle-up').toggleClass('fontawesome-angle-down');

 });

または

span.toggleClass('fontawesome-angle-'+(icon ?'up':'down'))
于 2013-09-13T01:46:58.010 に答える