zachshallbetter
  • 0
Учитель

Отключить вкладки сообщений Jquery UI

  • 0

Привет всем, я использую вкладки пользовательского интерфейса Jquery с плагином WordPress Post Tabs, и он работает как шарм. Однако я хотел бы автоматически отключать или скрывать вкладки, на которых нет данных. Я немного работал с Jquery, но я потерялся в этом беспорядке. Любая помощь будет оценена по достоинству. Спасибо!

Jquery Tabs Информация с официального сайта

Инициализировать вкладки с указанным отключенным параметром.

$( ".selector" ).tabs({ disabled: true });

Получите или установите параметр disabled после инициализации.

var disabled = $( ".selector" ).tabs( "option", "disabled" );
//setter
$( ".selector" ).tabs( "option", "disabled", true );

Найдено в строке 105 wordpress-post-tabs.php.

   <script type="text/javascript">
    jQuery(function() {
    <?php 
    if($wpts_count and $wpts_count!=0){ 
      for($i=0;$i<$wpts_count;$i++) {   ?>
        jQuery("#tabs_<?php echo $i;?>").tabs({ cookie: { expires: 30 } });
        //getter
        var cookie = jQuery("#tabs_<?php echo $i;?>").tabs( "option", "cookie" );
        //setter
        jQuery("#tabs_<?php echo $i;?>").tabs( "option", "cookie", { expires: 30 } );
        <?php if(isset($wpts['fade']) and $wpts['fade']=='1'){ ?>
            //fx for animation
            jQuery("#tabs_<?php echo $i;?>").tabs({ fx: { opacity: 'toggle' } });
            //getter
            var fx = jQuery("#tabs_<?php echo $i;?>").tabs( "option", "fx" );
            //setter
            jQuery("#tabs_<?php echo $i;?>").tabs( "option", "fx", { opacity: 'toggle' } );
       <?php }}} ?> 
    });
<?php if($wpts['reload']=='1') { ?>
    function wptReload(ar)
    {
     location.href=location.href.split(/\?|#/)[0] + '#' + ar;  
     location.reload(true);
     return false;
    }
<?php } ?>
    </script>
Share
  1. **** См. историю редактирования для предыдущих комментариев ***

    Я решил, что собираюсь написать плагин для этого, обсуждаемый плагин, я уверен, был написан с лучшими намерениями, но, по моему личному мнению, код нуждается в полной переработке, что, по сути, я и буду делать.

    Основная цель будет заключаться в том, чтобы эмулировать функциональность плагина WordPress Post Tabs.

    ПРИМЕЧАНИЕ.
    Этот плагин включает файл cookie jQuery, который имеет двойную лицензию в соответствии с лицензиями MIT и GPL, просто на заметку для тех из вас, кому нужно знать такие вещи.

    Функции

    Плагин будет иметь следующее.

    • Умная загрузка CSS и скриптов

      Загружает CSS и JS только тогда, когда в цикле есть пост с шорткодом.

    • Выбор скина

      Выберите из списка стилей пользовательского интерфейса jQuery.

    • Отключить загрузку скина

      При желании отключите загрузку таблиц стилей и просто определите свои собственные

    • Отключенные вкладки

      Отключите нажатие на вкладки, на которых еще нет содержимого.

    • файл cookie jQuery

      Включите сценарий cookie jQuery для отслеживания выбранных вкладок.

    • Навигация по вкладкам

      Отображение интерактивных ссылок для перехода между вкладками

    • Загрузка на страницы архива

      Выберите, отображать ли вкладки на страницах архива

    • Перевод готов

      Поддерживает другие языки

    • Предварительный просмотр живого стиля

      Смотрите предварительный просмотр стилей вкладок на странице настроек плагина.

    • Хуки фильтра для навигационных ссылок

      Таким образом, вы можете изменить значки навигации

    • Использует API настроек

    Скриншоты

    Лицевая сторона

    Сторона администратора

    Есть еще несколько кусочков для теста, но он почти готов, следите за этим пространством!.. 🙂

    Обновлять:
    Просто нужно сначала проработать некоторые вещи, касающиеся использования репозитория плагинов, тогда мы должны быть готовы к работе.

    Опубликовать вкладки пользовательского интерфейса (или PUT для краткости)
    http://wordpress.org/extend/plugins/put/

    • 0
    • Спасибо t3los, у меня было ощущение, что это глупо. Когда я впервые начал использовать его, я понятия не имел, как добавить виджеты пользовательского интерфейса Jquery в WordPress. Я почти уверен, что на данный момент я могу вручную добиться тех же результатов. Не могли бы вы выбросить код, который вы использовали для отключения, когда он не используется?

      • 0
    • Вы используете disabled свойство внутри объекта, который вы передаете скриптам вкладок, например. $('#my_element').tabs({ disabled: [0,1],cookie: { expires: 30 }, fx: { opacity: 'toggle' } }); отключит первые две вкладки. Он указан на options вкладке страницы документации (второй в списке).

      • 0
    • Кроме того, как вы знаете, функция отключения, похоже, не работала в вашем отредактированном коде. Ничего страшного, просто подумал, что ты должен знать.

      • 0
    • Не уверен, почему это так, у меня это работало, я скопировал рабочую копию в pastebin, возможно, я что-то упустил. На самом деле я начал писать плагин, чтобы сделать то же самое, поскольку кажется, что есть довольно много пользователей, которые ищут эту функциональность (и мне больно думать, что они все могут полагаться на этот плагин). Выложу сюда, если все получится 😉

      • 0
    • Отлично, дайте мне знать, когда и как вы его получите. Я был бы счастлив дать ему пробег для вас.

      • 0

Оставить ответ

You must login to add an answer.