Как применить jQuery.on() к действию?

Question

[Евгений Шев]

Казалось, бы, легчайшая задача, но что-то никак не могу сообразить. Есть функции:

$(document).ready(function() {
  $('#mydiv').scrollToFixed();
});

и

$(document).ready(function() {
  $('.header').scrollToFixed();
  $('.footer').scrollToFixed( { bottom: 0, limit: $('.footer').offset().top } );
});

(фиксация блоков bigspotteddog.github.io/ScrollToFixed)
Её нужно применить к загруженному содержимому через Auto-Dialog (api.jqueryui.com/dialog). Так как содержимое подгружается через ajax, можно функцию представить через .on(), но как это сделать в данном случае никак на могу сообразить. Поможете? :)

Answer 1

[Евгений Шев]

Василий, не правильно написал. Если следовать документации, то стандартная функция выглядет так:

$( "#dataTable tbody tr" ).on( "click", function() {
  alert( $( this ).text() );
});

Без .on() она же выглядет так:

$( "#dataTable tbody tr" ).click(function() {
  alert( $( this ).text() );
});

Верно?
Тогда как быть с тем, что у меня нет в функции действия (то есть ни клика, ни чего-то еще), а есть только .scrollToFixed(), что это? Чем мы заменяем .click()?

Comments

[Евгений Шев]

Василий: я к вам обращаюсь и говорю, что я не правильно в комменте написал

[Сергей Мельников]

Евгений Шев: ваш пример неверен, $(el).on("click") и $(el).click() ни коем образом нельзя сравнивать с $(el).scrollToFixed()

[Евгений Шев]

Сергей Мельников: я это понимаю, потому ведь и спрашиваю, как правильно… но пока никто не показал, как нужно. Документацию всю перекопал, но ума, видать, не хватает)

Answer 2

[yuchiko]

если содержимое появляется в диалоге, то почему не прицепить событие на открытие данного диалога ?

$( ".selector" ).on( "dialogopen", function( event, ui ) {} );

Comments

[Евгений Шев]

хм… не понял вас. Вы взялись бы за это?

[yuchiko]

Евгений Шев: скидывайте куда-то, посмотрим вместе, а то сейчас не совсем понятна вся задача

[Евгений Шев]

yuchiko: куда скидывать? ваших контактов в профиле не вижу

[yuchiko]

Евгений Шев: [e-mail] //отвечу чуть позже, сейчас отхожу от компа:)

Answer 3

[Александр Ковпашко]

Трудно понять вопрос по вашему описанию.
Если я правильно понял, то по клику на какой-то элемент открывается диалог, в который подгружается контент через ajax и вот уже после того, как контент подгрузился, на нем нужно выполнить определенные действия?
В таком случае в success обработчике ajax запроса после вставки ответа в диалог просто вызываете вашу функцию где-то так $('селектор элемента внутри диалога') .scrollToFixed(параметры).

Comments

[Евгений Шев]

Да вы верно всё поняли. Я тоже думал над таким вариантом, но, дело в том, что это в моем случае — не решение, так как придется править код уже готового модуля и он будет применяться ко всему сайту, а мне может потребоваться только на некоторых страницах.

[mayorovp]

Евгений Шев: некоторые вещи невозможно сделать не модифицируя никакие модули.

[Евгений Шев]

mayorovp: У меня есть вопрос. У вас есть на него ответ? Я прекрасно знаю, что "некоторые вещи" можно сделать. Хотелось бы конкретики. Есть конкретная функция. Её нужно просто переписать таким образом, чтобы она работала с загружаемым через autodialog содержимым. Вы можете сказать что-нибудь по сути?

[mayorovp]

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

Answer 4

[Андрей Солдатов]

Вызывайте $.trigger('loaded'), когда содержимое будет загружено. А в другом месте пишите $(document).on('loaded', function() {
// делаете что-нибудь с загруженным содержимым.
});