Почему функция то срабатывает то нет
 

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

Объясните, пожалуйста, почему в этом случае функция $('span.addtocart-button').on('click', function() ... срабатывает при клике на кнопку "Добавить в корзину",
а в этом
- нет.

Функция срабатывает в обеих случаях, проблема в условии дальше.

Функция .text() возвращает объединенный текст элементов которые вы выбрали.

$(".baget_select option:selected")

вернет вам два элемента во втором случае, один - в первом, соответствено во втором случае .text()
вернет вам "Выберите багетВыберите багет"

Ясно. Благодарю. Вот рабочий вариант http://jsfiddle.net/mrnobody/rErNh/6/

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

Подобная ситуация. На странице никак не вызывается обработчик

$('span.addtocart-button').on('click', function(){...

в этом файле на 40-й строке. Скажите, пожалуйста, почему?

borus,
Вы где-то перезаписываете этот элемент (вероятно в момент добавления второй кнопки).
Я при создании обработчика дабавил его в глобальную переменную "window.a", а после создания страницы сравнил его с элементом найденным по тому же селектору и мне выдало "false", что означает что это не тот элемент на который вы вешали обработчик.

то есть это работает так: создается элемент, ему задаётся злополучный обработчик, а потом каким-то скриптом кнопка пересоздаётся и обработчика уже нет?

Да, именно так.

а как отследить местонахождение скрипта, который делает эту шутку?

borus,
Не, я был не прав. Там у инпута стоит disabled, его убираю и все работает

tsigel,
странно, я убираю disabled у input.addtocart-button, нажимаю на "Добавить в корзину" и возникает окно о том, что добавилось, но скрипт призванный проверить, выбрано ли что-то в селекте не срабатывает. По крайней мере отладчик не останавливается внутри обсуждаемого обработчика на его первой строке:

var $elSelect = $(this).parent().prev().find('.baget_select');

Вопрос прежний, почему отладчик не попадает внутрь обработчика, т.е. почему обработчик не работает? :)

Воу!
http://stackoverflow.com/questions/3...disabled-input
По ходу задизейбленный элемент не пускает всплытие событий!

я к span-у прицепляю обработчик, который уже содержит в себе задизэйбленный input. По идее это похоже на совет, который дается по Вашей ссылке, состоящий в том, чтобы прицеплять обработчик к элементу, который будет поверх input. Есть какая-то принципиальная разница в том, как я это делаю?

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

Внимательно посмотрите пример, там див который в верстке лежит рядом с инпутом а по стилям - точно сверху.

Спасибо.
По-моему, там говорится о том, что можно вешать на контейнер для большинства браузеров, за исключением FF:
" Most browsers will propagate an event originating from the disabled element up the DOM tree, so event handlers could be placed on container elements"
но в Хроме как выходит не работает
Попробую как в примере.
Странно. Такое ощущение, что Хром или все браузеры разом изменили подход к отключенным инпутам. Ведь раньше работало. Либо действительно есть скрипт, который пересоздает кнопку... Истина, приди к нам :)