непрозрачность элемента

Question

Я пытаюсь установить непрозрачность элемента с помощью jQuery.

$('[class*="OtherFeatur"]').load(function(){
                    $(this).fadeTo(500, 0.5);
                });

не работает, но когда я делаю

                $('[class*="OtherFeatur"]').fadeTo(0,0.5);

это будет затронуто. где проблема первого кода? и какой из них лучше, установить непрозрачность с помощью jQuery или CSS? Как я могу сделать это с помощью CSS, чтобы все браузеры могли показать это?

Answer 1

Если вы хотите просто установить opacity элемента, используйте метод css.

 $('[class*="OtherFeatur"]').css("opacity", 0.5);

Answer 2

анимация должна быть длиннее 0 мс

Вы можете просто использовать:

$('[class*="OtherFeatur"]').css({ opacity: 0.5 });

если я не ошибаюсь, jquery расширил правило непрозрачности в CSS, поэтому оно применяется ко всем браузерам.

Answer 3

что вы ищете, это

$(window).load(function() {
    $('[class*="OtherFeatur"]').fadeTo(0,0.5);
});

Answer 4

.load() - Загрузить данные с сервера и поместить полученный HTML-код в соответствующий элемент.

Таким образом, эта функция работает для загрузки данных из другого ресурса в выбранный вами элемент.

возможно вам нужно событие загрузки страницы:

$(document).ready(function() {
   $('[class*="OtherFeatur"]').fadeTo(0,0.5);
});

или, если вы загружаете некоторые данные, сначала укажите источник в методе .load().

$('[class*="OtherFeatur"]').load('mysource.html', function(){
                $(this).fadeTo(500, 0.5);
            });

в этом случае функция будет вызываться после загрузки содержимого.