Так что я динамически добавляю небольшое изображение, когда кто-то наводит курсор на поле-контейнер или его дочерние элементы. И затем удаляю это изображение, когда кто-то делает мышку. (Обратите внимание, что я делаю своего рода предварительный просмотр iframe, поэтому все, что мне нужно, это обнаружение мыши в jquery mobile).
Вот соответствующий код
$("body").delegate("div[data-role='fieldcontain']'", "vmouseover", function(){
$(this).append('<%= image_tag "red_minus.png", :class => "remove" %>');
});
$("body").delegate("div[data-role='fieldcontain']'", "mouseout", function(){
$(this).find(".remove").remove();
});
Мое первоначальное понимание состояло в том, что метод делегата прослушивает динамические изменения в dom (например, новый fieldcontain) и, когда он всплывает, связывает эту функцию с новыми вещами. Однако, когда я наводю курсор мыши на само изображение, являющееся дочерним элементом fieldcontain, оно исчезает, вызывается событие mouseout.
Так что либо мое понимание функциональности делегата не совсем верно, либо мое понимание vmouseover (также не работает с наведением мыши) не совсем верно.
Помощь будет принята с благодарностью:)