jQuery: если моя видимость CSS скрыта, как я могу отобразить свои элементы? - PullRequest
Новая
       29

jQuery: если моя видимость CSS скрыта, как я могу отобразить свои элементы?

11 голосов
/ 08 декабря 2010

в моем CSS я установил некоторые элементы visibiliy: скрытый, как я могу их показать?

Я делал это раньше с непрозрачностью, но у меня есть ошибка в IE: 

var i = 0;
$mySelection.each(function(i) {
    $(this).delay((i * 100) + ($mySelection.length)).animate(
        { opacity: "1"},
        {queue:true, duration:1000, easing:"quartEaseIn"}
    ); 
})

Как я могу сделать, если я хочу контролировать видимость с jQuery вместо непрозрачности? спасибо

Ответы [ 5 ]

37 голосов
/ 08 декабря 2010 
$(":hidden").css("visibility", "visible");
3 голосов
/ 08 декабря 2010

Вместо использования visibility: hidden используйте display:none, затем, если вы хотите добавить скрытый элемент, используйте fadeIn .Например: 

$("div:hidden").fadeIn("slow");

Изменить: Учитывая, что вы хотите использовать видимость, попробуйте это: 

var i = 0;
$mySelection.each(function(i) {
    $(this).delay((i * 100) + ($mySelection.length)).css(
        { 'opacity': '0', 'visibility': 'visible'}).animate(
            { opacity: "1"},
            {queue:true, duration:1000, easing:"quartEaseIn"});
});
2 голосов
/ 22 ноября 2015

Я использовал этот код для изменения атрибута видимости CSS с помощью Jquery.Где элемент1 при наведении изменит видимость элемента2.

Сделал два разных скрипта для одного и того же элемента, чтобы дать эффект mouseover-mouseleave. 

 <script>$(document).ready(function(){
 $(".element1").mouseover(function(){
     $(".element2").css("visibility","visible");
 });

});

         <script>$(document).ready(function(){
 $(".element1").mouseleave (function(){
     $(".element2").css("visibility","hidden");
 });

});

Примечание. Тот элемент2, на который влияет CSS, изначально скрыт.поэтому, когда мышь находится над Element1, появляется Element2.Когда мышь покидает element1, Element2 снова скрывается.Надеюсь, что это поможет

- Опыт этого кода повторного запуска и смешивания некоторых других кодов от пользователей в переполнение стека

0 голосов
/ 08 декабря 2010

Попробуйте 

$mySelection.show();
0 голосов
/ 08 декабря 2010 
$(':hidden').show();

Надеюсь, это поможет, и надеюсь, я понял ваш вопрос :) http://api.jquery.com/show/

...