Как получить доступ к панели внутри вкладки для jquery?

У меня есть панель внутри tabpanel tabcontainer. Я хочу скрыть его при загрузке страницы и показать его, когда я выбираю 1 из списка радиокниг. Я начинаю работать в jquery. Пожалуйста, помогитеКак получить доступ к панели внутри вкладки для jquery?

источник

2011-08-12 NayeemKhan

Показать html-код вашего tabcontainer и tabpanels. Использовать плагин или пользовательский контроль? – Kronos

Я использую ajax tabcontainer и tabpanel – NayeemKhan

Ну, это зависит от того, как вы создаете свой элемент управления вкладкой.

Если у вас есть статический контроль вкладок (версия html), вы можете добавить атрибут идентификатора к панели, которую вы хотите скрыть.

При загрузке страницы скрыть:

$(function(){ 
    $("#id_of_panel").hide(); 
});

При нажатии на кнопку радио вызова метода .show().

Пожалуйста, дайте мне знать, если это было достаточно ясно.

Edit: В случае АЯКС загрузки попробовать что-то вроде этого:

$("#tabs").tabs({ 
    ajaxOptions: { 
     success: function(){ 
      $("#id_of_panel").hide(); 
     } 
    } 
});

Рабочий пример: http://jsfiddle.net/wCzqt/1/

источник

2011-08-12 09:18:57 321X

У меня есть ajax tabcontainer и панель вкладок внутри него – NayeemKhan

См. Мой измененный ответ для вкладки загрузки ajax – 321X

, в которой произошла ошибка: Ошибка выполнения Microsoft JScript: объект не поддерживает это свойство или метод. Я написал это: <тип скрипта = "текст/JavaScript"> $ (документ) .ready (функция() { $ ("# tpnlRaiseMRF") вкладки ({ ajaxOptions:. { полная: функция() { $ ("# pnlRbtnlInhouseType"). Hide(); } } }); }); – NayeemKhan

Вы должны найти HTML элемент вкладки панели (используйте исходный код html page). Получите объект DOM с селектором jquery и скройте его. О селекторах можно прочитать здесь http://api.jquery.com/category/selectors/

Элемент управления вкладкой является элементарным разделителем div. Он должен иметь класс или id атрибут.

Для примера. В результате управления Вкладка HTML будет выглядеть примерно так:

<div class="tab-ctrl"> 
     <div class="tab-panel"> 
      // first panel 
     </div> 
     <div class="tab-panel"> 
      // second panel 
     </div> 
    </div>

В примере, попытайтесь скрыть первую панель

$(".tab-ctrl .tab-panel:first").hide();

или

$(".tab-ctrl .tab-panel:first").css("display", "none");

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

источник

2011-08-12 12:28:15 Kronos

Как получить доступ к панели внутри вкладки для jquery?

ответ

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