Как повесить событие на создаваемую скриптом картинку

@gamesoneve · Регистрация: 13.09.2012

Author24 — интернет-сервис помощи студентам

Добрый вечер народ!
На создаваемую яваскриптом картинку хочу повесить событие, но никак не получается. Собственно вот этот кусок сразу грузится

HTML5

1	<ul id="img-list"></ul>

А после, внутри него создаётся

HTML5

1	<li><img id="target" /></li>

Пробовал разные комбинации выборки в js, но ничего не получилось:

Javascript

$('ul li').on('click', '#target', function()
{
    alert('f');
});
 
$('ul').on('click', 'img', function()
{
    alert('f');
});

Ошибок в коде нету, скрипты подключены) Помогите

@Micheal · 03.05.2014, 21:05

HTML5

<html>
<head>
    <title>Test</title>
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <script type="text/javascript" src="code.js"></script>
</head>
<body>
    <input type="button" value="ADD IMAGE" onclick="createImg();"/>
    <div id="pic"></div>
</body>
</html>

В файле .js:

Javascript

function pic_func() {
    alert("Hello!");
}
 
function createImg() {
    var d = document.getElementById("pic");
    var im1 = document.createElement('img');
 
    im1.src = '#';
    im1.onclick = pic_func;
 
    d.appendChild(im1);
}

Тут по нажатию кнопки создаем картинку, привязываем ей событие onclick.

@vovandr · 03.05.2014, 21:10

Javascript

$('#img-list').append('<li><img src="http://lorempixel.com/output/city-q-c-640-480-10.jpg" id="target" /></li>');
     $('ul').on('click', 'img', function(){
        alert('f');
     });

@muxahuk1214 · 04.05.2014, 07:19

странно что у тебя не работает.
У меня вот так всё ок..

HTML5

1	<ul id="img-list"></ul>

Javascript

        jQuery(function($){
 
            $("#img-list").on("click", function(){
                $(this).append( $("<li><img /></li>") );
            });
 
            $("#img-list").on("click", "img", function(){
                alert("works");
            })
        });

@gamesoneve · 04.05.2014, 16:38 **[ТС]**

возможно ничего не происходит из-за того, что я пытаюсь повесить событие на картинку в модальном окне? Незнаю, может там нужно по-другому обращаться

@muxahuk1214 · 04.05.2014, 17:02

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

@gamesoneve 1 / 1 / 0 Регистрация: 13.09.2012 Сообщений: 94
	04.05.2014, 16:38 [ТС]	5
	возможно ничего не происходит из-за того, что я пытаюсь повесить событие на картинку в модальном окне? Незнаю, может там нужно по-другому обращаться 0

@muxahuk1214 Coding is art 536 / 420 / 153 Регистрация: 04.09.2013 Сообщений: 1,056
	04.05.2014, 17:02	6
	не меняет сути.. если все селекторы в порядке и нет никаких других ошибок в коде, то должно работать.. см. мой пример выше - работает ведь. 0