2015-08-20 3 views
-1

Я только начинаю изучать jQuery, но я не уверен, где я испортился. Я использую API Tumblr и пытаюсь проверить отображение .likebuttontext. Если он не изменится, тогда .likedbuttontext станет display:table-cell.Как изменить отображение с помощью JQuery

$(document).ready(function(){ 
    if($('.likebuttontext').css('display') == 'none'){ 
    $('.likedbuttontext').css('display','table-cell'); 
    }; 
}); 
+0

так, когда я понял, вы правильно хотите изменить отображение на ячейку таблицы всякий раз, когда он изменится на none? – jollyjoyce1995

+0

Действительно. Я не могу опубликовать полный css/html/jquery из-за tumblr api im, используя – Tyler

+0

. Это только срабатывает при загрузке. Вы должны спросить себя, что приведет к тому, что дисплей подобной кнопки изменится и, возможно, свяжет ваш обработчик событий с этим событием. – thewatcheruatu

ответ

2

Как отдельный вопрос, вы не должны трогать css через скрипт.

Trying используя классы, как так:

$(function(){ 
    if($('.likebuttontext').hasClass("hidden")) 
     $('.likebuttontext').addClass("tableCell").removeClass("hidden") 
}) 

Css:

.tableCell{ 
    display: table-cell; 
} 

EDIT: После прочтения @Tyler комментарии выше вот еще один пример:

$("button").on("click",function(){ 
if($(this).hasClass(".liked_button")) 
    $(this).addClass("hidden"); 
}) 
+1

Очень твердый кусок советы. Храните CSS там, где он принадлежит: в таблице стилей. –

Смежные вопросы