2014-06-02 4 views
0

Использования MVC 5 и Bootstrap 3Использования важно для изменения CSS в JQuery - Использование Bootstrap 3

Я пытаюсь сделать строку таблицы красной, но из-за мой стол, имеющих table-hover класса, стол-парение аффект превращает строку обратно в исходный цвет при наведении указателя мыши. Я хочу временно отменить этот эффект для моего скрипта.

function deleteFunction(element) { 
    var newID = $(element).closest("td").find("span.ID").text(); 

    $(element).closest("tr").css('background-color', 'red'); 

    $(document).ready(function() { 
     var answer = confirm("Are you sure you want to delete this movie?"); 
     if (answer) { 
      $.post(
     '@Url.Action("customDelete", "Movie")', 
     { 
      'id': newID 
     }, 
     function (data) { }, 
     "json" 
     ); 
      $(element).closest("tr").remove(); 
      return true; 
     } else { 
      $(element).closest("tr").css('background-color', 'initial'); 
      return false; 
     } 
    }); 
} 

этих двух пунктов необходимо важное, но я не знаю, как сделать это в JQuery

$(element).closest("tr").css('background-color', 'red'); 

$(element).closest("tr").css('background-color', 'initial'); 

EDIT - ОТВЕТ

Причина я не мог получить эту работа была из-за того, что моя таблица использовала table-hover, чтобы исправить это, мне пришлось включать и отключать класс зависания.

$(element).closest("table").toggleClass("table-hover"); 
+0

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

+0

Хорошо! Я до сих пор новичок в большинстве этих материалов, поэтому я только узнал о важности несколько минут назад ха-ха. Спасибо за уведомление, хотя! – Austin

+0

Что касается дубликата сообщения. Ни одно из этих решений не работает. Мне нужно что-то, что может переопределить bootstraps 'table-hover'. – Austin

ответ

0

Вы можете только добавить/изменить класс на tr с и чем CSS вы можете использовать то, что вам нужно.

$(element).closest("tr").addClass('red'); 

CSS: .red {background-color: red;}

+0

Согласен, лучше добавлять/удалять классы и делать все CSS-материалы в вашем CSS. Просто не используйте имена классов, такие как 'red' ... может быть, один из них, например' delete-pending' –

+0

AH okay, мой коллега не был уверен, что если сделать переопределение или добавление/удаление классов было лучшим маршрутом – Austin

+0

Мне все еще нужно добавить к этому переопределение? Это само по себе не решает. – Austin

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