1

Почему не меняет фон?

$(document).ready(function() {
  (function bg_change() {
      $('.button_change')
        .animate({
          opacity: 0
        }, 'slow', function() {
          $(this)
            .css({
              'background-image': 'url(/img/button/btn_hover.jpg)'
            })
            .animate({
              opacity: 1
            });
        }).toggle(1000).animate({
            opacity: 0
          }, 'slow', function() $(this)
          .css({
            'background-image': 'url(/img/button/btn.jpg)'
          })
          .animate({
            opacity: 1
          });
        })(); bg_change();
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="button_change"></div>

2
  • скобки проверьте
    – qzavyer
    Commented 2 июн. 2016 в 6:06
  • @qzavyer, скобки, неправильное использование функции animate(), неожиданное toggle(), которое скрывает вообще всё, тут прям целый триллер, а не просто скобки :)
    – MasterAlex
    Commented 2 июн. 2016 в 6:16

1 ответ 1

1

что-то тут странное. Если поправить форматирование, скобки и убрать ненужный toggle, то получится что-то вроде этого:

<script type="text/javascript">
  $(document).ready(
          function() {
             var bg_change = function (){
                $('.button_change')
                        .animate({opacity: 0}, 'slow',
                        function() {
                           $(this)
                                   .css({'background-color': 'black'})
                                   //.animate({opacity: 1});
                        })
                        .animate({opacity: 1}, 'slow',
                        function(){
                           $(this)
                                   .css({'background-color': 'red'})
                                   //.animate({opacity: 1});
                        });
             };
             bg_change();
          });
</script>

не уверен правда, что это то, что вы хотели..

1
  • Спасибо. Уже нашел решение, вот мой код, мож кому пригодиться: <div class="button_change"></div> <script type="text/javascript"> $(document).ready(function() { (function bg_change(){ $('.button_change') .animate( '1500', function() { $(this) .css({'background-image': 'url(/img/button/btn_hover.jpg)'}) }); $('.button_change') .animate( '1500', function() { $(this) .css({'background-image': 'url(/img/button/btn.jpg)', 'z-index':'2'}) }); bg_change(); })() ; }); </script> Commented 2 июн. 2016 в 7:25

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.