Блог

У меня возникают всевозможные проблемы из дерьмового браузера, которые, похоже, я не могу преодолеть ни с чем, что я прочитал. Вот ситуация… Я использую сторонний плагин для создания галереи. Этот плагин поставляется с обратным вызовом при смене изображения, который запускается каждый раз, когда меняется изображение.

Что я пытаюсь сделать, так это добавить css для двух div… тот, который является оберткой div, который будет выдвигаться при нажатии на дочерний div и вставляться обратно при повторном нажатии на дочерний div.

Вот обратный вызов:

         changepicturecallback: function(){
                    $('.sxpp_commentsImage').unbind(toggle);
    oldWidth = $('.pp_pic_holder').width() - 20,
    newWidth = $('.pp_pic_holder').width()   (200),
    newHeight = $('.pp_hoverContainer').height(),
    cImageAlign = newWidth - 20;

                var toggle = function() {
                   if(newWidth == $('.sxpp_comments').width()){
                        $('.sxpp_comments').animate({width: oldWidth});
                            }else{
                        $('.sxpp_comments').animate({width: newWidth});
                    }
                }

            $('.sxpp_comments').width(oldWidth).css('background-color','red'); 
      $('.sxpp_commentsImage').css({'float':'right','background-color':'green','width':'20px','height':newHeight});     
            $('.sxpp_commentsImage').bind('click',toggle);      
  }
  

Это отлично работает в FF4 и Chrome … однако, как будто «привязка» не происходит в Internet Explorer. Я читал о методах «.live» и «.delegate», но (А) я не знаком с тем, как они работают (Б) Если возможно убрать это «.live» при изменении, затем добавьте его обратно, как я делаю с привязкой.

Есть какие-либо идеи или вещи, которые я мог бы упустить из виду??

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

Если вы хотите отвязать функцию события внутри его обратного вызова, просто используйте это:

 $('body').bind('click', function(evt){
    console.log('I will be written only once');
    $(this).unbind(evt);
})
  

• bind() предназначен для элементов, которые присутствуют при загрузке страницы. Хорошо для статики.
• live() это единственное решение для динамически генерируемых элементов. Единственный выбор для dynamic.

Вы должны отменить привязку событий, таких как click или toggle , а не фактических имен функций, что может быть вашей проблемой.

попробуйте

 $('.sxpp_commentsImage').unbind("click", toggle);
  

вместо

 $('.sxpp_commentsImage').unbind(toggle);
  

Редактировать:

Или использовать:

 $('.sxpp_commentsImage').bind('click.myEvent', toggle);
  

и затем

 $('.sxpp_commentsImage').unbind('click.myEvent');
  

поскольку переключение не будет объявлено к моменту выполнения отвязки.