tyzberd

попробуйте

$("html, body").animate({scrollTop: scrollingDistance}, 800);

Вешаете на окно событие открытия, а в нем вызываете
$('.slick-slider').slick('refresh');

https://slideout.js.org/
https://github.com/jakiestfu/Snap.js

все есть в доках
Можно поменять его вывод, например искать в определенном div
How to customize caption
можно передать json с картинками и текстом

$.fancybox.open([
	{
		src  : '1_b.jpg',
		opts : {
			caption : 'First caption',
			thumb   : '1_s.jpg'
		}
	},
	{
		src  : '2_b.jpg',
		opts : {
			caption : 'Second caption',
			thumb   : '2_s.jpg'
		}
	}
], {
	loop : false
})

$('img[src="/_layouts/15/images/rbsel.gif"]');
или
$('img[src*="rbsel.gif"]');
everstudent.ru/blog/htmlcss/30-css-seletors-to-memorize

https://jsfiddle.net/j1emv0u3/

а так?

$(document).on("submit", "#form", function(e){
      e.preventDefault();
      alert("Эврика!");   
    });

добавить всем формам одинаковый класс и повесить af_complete на него, тогда в this будет форма.
или второй вариант оставить как есть и плясать от event.target

посмотрите как браузер исправляет не валидный html

<div id="Todos">
        <h2>Семья</h2><table>
      
          <tbody><tr>
            <form class="edit_todo" id="edit_todo_1" action="/todos/1" accept-charset="UTF-8" method="post"></form>
            <input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch">
            <input type="hidden" name="authenticity_token" value="W19BuAtSKynbPBlmIGg77Z7r72LTxWDleFZQiETlkWWsY7JoByjgG+xR84ruG1sjsJXSrKfptYVU4IRhw5VLYQJ==">
            <td>Купить молоко</td>
            <td><input name="todo[isCompleted]" type="hidden" value="0">
                   <input type="checkbox" value="1" name="todo[isCompleted]" id="todo_isCompleted">
            </td>
 
</tr>
</tbody></table></div>

форма пустая получается