2009-11-20 3 views
1

В настоящее время у меня есть таблица со строками, содержащая ссылку с возможностью клика. Когда пользователь нажимает на ссылку из любой строки таблицы, пользовательский интерфейс JQUery Modal DIalog появляется, и я добавляю класс к щелкнутым ссылкам parent tr, называемым 'highlight'. Что бы я хотел сделать, это удалить этот класс из строки при закрытии диалогового окна JQuerys UI. Кто-нибудь знает, как я могу это достичь?JQuery Закрыть Событие удалить класс из строки таблицы

Вот что мое событие загрузки выглядит как

$(document).ready(function() { 
     $("#dialog").dialog({ 
      autoOpen: false, 
      height: 170, 
      width: 350, 
      center: false 
     }); 

     $('.getData').click(function(e) { 
      getResults($(this).attr('id')); 
      $(this).parent().parent().addClass("highlight"); 
      $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]); 
      return false; 
     }); 
    }); 

Благодаря

ответ

1

Если у вас есть только один ряд с классом Hightlight в любое время вы могли бы использовать это:

$("#dialog").dialog({ 
    autoOpen: false, 
    height: 170, 
    width: 350, 
    center: false, 
    close: function(event, ui) { 
     $('table .highlight:first').removeClass('highlight'); 
     // A bit faster in theory 
    } 
}); 
1

может быть что-то вроде этого является то, что вы ищете:

$(document).ready(function() { 
    $("#dialog").dialog({ 
     autoOpen: false, 
     height: 170, 
     width: 350, 
     center: false, 
     close: function(event, ui) { 
      $("table tr").removeClass("highlight"); 
     } 
    }); 

    $('.getData').click(function(e) { 
     getResults($(this).attr('id')); 
     $(this).parent().parent().addClass("highlight"); 
     $("div#dialog").dialog('open').dialog('option', 'position', [e.clientX, e.clientY]); 
     return false; 
    }); 
}); 

, если у вас есть больше, чем одна строка с подсветкой класса, то я рекомендую установить глобальную переменную в методе $('.getData').click..., чтобы вы могли ссылаться на нее с помощью метода close.

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

  • Нет связанных вопросов^_^