Сообщений в теме: 7

[happy home]

Здравствуйте.

Вопрос по "старым Табам" что работают на jQueryUI

 

Скажите пожалуйста можно ли сделать так, чтобы вкладки (табы) были видны, а содержимое вкладок jQueryUI по умолчанию было скрыто, а при наведении на вкладку курсора мышки появлялось, в виде спойлера например?

 

Содержимое вкладок удлиняет карточку товара и хочется сэкономить место.

 

Вот в этой теме http://forum.jbzoo.c...myshki/?p=32384 уважаемый Kess, помог мне решить задачу переключения вкладок не по клику, а по наведению добавлением скрипва в файл full.php

 

Скрипт там выглядит так:

<script type="text/javascript">
            jQuery(function ($) {
    $('#jbzoo-tabs').tabs({event: "mouseover"});
    $('#Link').val(document.title);
    });
    </script>

Вопрос:

Можно ли видоизменить скрип таким образом, чтобы по умолчанию содержимое вкладки скрывалось а по событию "mouseover" - появлялось?

 

Если можно, то подскажите как.

Буду признателен за любую помощь!

Спасибо.

Сообщение отредактировал happy home: 15 March 2015 - 09:00

[SmetDenis]

Можно перед инициализацией скрыть вкладки таким образом.
$('#jbzoo-tabs .ui-tabs-panel').hide();

Но это лишь предположение.

А есть ссылка на страницу?

[happy home]

Здравствуйте Денис.

Попробовал так:

<script type="text/javascript">
            jQuery(function ($) {
    $('#jbzoo-tabs .ui-tabs-panel').hide();
    $('#jbzoo-tabs').tabs({event: "mouseover"});
    $('#Link').val(document.title);
    });
    </script>

Не сработало, но я и не уверен, что правильно вас понял - куда добавить строку кода...

Сообщение отредактировал happy home: 16 March 2015 - 10:16

[SmetDenis]

Все понял. Попробуйте такой вариант

<script type="text/javascript">
    jQuery(function ($) {
        $("#jbzoo-tabs").tabs({
            'event' : "mouseover",
            'create' : function() {
                $('#jbzoo-tabs .ui-tabs-panel').hide();
            }
        });
    });
</script>

[happy home]

Все получилось! Спасибо!

 

Денис, не сочтите за наглость.

А можно сделать так, чтобы раскрытые табы "закрывались" если убрать мышку с закладки, а не оставались открытыми.

 

То есть при наведении мышки открывались, а при уходе с закладки снова закрывались?

[SmetDenis]

Примерно так

<script type="text/javascript">
    jQuery(function ($) {
        $("#jbzoo-tabs").tabs({
            'event' : "mouseover",
            'create' : function() {
                $('#jbzoo-tabs .ui-tabs-panel').hide();
            }
        });

        $('#jbzoo-tabs .ui-tabs-panel').mouseleave(function(){
            $('#jbzoo-tabs .ui-tabs-panel').hide();
        });
    });
</script>

[happy home]

Спасибо! Получилось.

 

Если мышь увести с открывшегося содержимого, то - закрывается (прячется) обратно, а, если увести с самой закладки (таба), не переходя на содержимое, то, остается открытым... И, чтобы закрылось надо провести курсор мышки через содержимое вкладки.

 

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

 

Еще раз спасибо Вам за помощь!

Сообщение отредактировал happy home: 16 March 2015 - 10:13

[SmetDenis]

Для этого нужно по аналогии с mouseleave отслеживать события мыши, смотреть текущую верстку.