在當時爲一個鋰元素設置類「活動」

當只有一個活動並添加了圖標時，我正在構建按鈕組。在當時爲一個鋰元素設置類「活動」

的目標是打造字體選擇器：

這裏是我的車的js代碼

$(document).on('click', '.fonts-size-container ul li', function(){ 
    var $el = $(this); 
    $('li').removeClass('active'); 
     $el.addClass('active'); 
     $el.append('<i class="icon-check"></i>'); 
});

HTML：

<ul> 
    <li class="no-edit" data-fontsize="8em">8 em</li> 
    <li class="no-edit" data-fontsize="7em">7 em</li> 
    <li class="no-edit" data-fontsize="6em">6 em</li> 
    <li class="no-edit" data-fontsize="5em">5 em</li> 
    <li class="no-edit" data-fontsize="4em">4 em</li> 
    <li class="no-edit" data-fontsize="3.5em">3,5 em</li> 
    <li class="no-edit" data-fontsize="3em">3 em</li> 
</ul>

來源

2013-10-20 lipenco

安置自己的HTML代碼。 –

「建築按鈕組」是什麼意思？ –

我想你還沒有發佈整個HTML代碼..在哪裏'.editor'和'.text2'？ –

您的代碼切換類中的所有<li>元素，我猜測是你只想影響點擊元素的兄弟姐妹，並且我還假設你想要刪除勾選圖標。下面的代碼應該爲你工作：

$(document).on('click', '.fonts-size-container ul li', function() { 
    var $el = $(this); 
    $el.siblings().removeClass('active').find('.icon-check').remove(); 
    $el.addClass('active').append('<i class="icon-check"></i>'); 
    var fontSize = $el.data('fontsize'); 
    $(this).closest(".editor").find('.text2').css('font-size', fontSize); 
});

Demo fiddle

來源

2013-10-20 05:49:28

在當時爲一個鋰元素設置類「活動」

回答

相關問題