не удалось открыть elment после добавления

Question

я использую добавить, чтобы добавить изображение в <p id="p10">

$('#p10').append("<img src='plus.png' id='clicker' />"); 

Я хочу сослаться на изображение я добавил через Append с тумблером:

$('#clicker').toggle(function() { 
     // toggle code here 
}, function() { 
    // toggle code here 
}); 

Я не могу получить доступ к элементу изображения через идентификатор, чтобы использовать переключатель. Если я закрою переключатель, изображение появится на странице. Как только я добавляю код переключения, изображение мигает в течение секунды, а затем исчезает.

Answer 1

Это потому, что версия .toggle, которая принимает аргументы функции, которые должны выполняться последовательно, была удалена. (deprecated since v1.8, removed since 1.9)

.toggle только показывает/скрывает элемент сейчас. Так что вызов .toggle на клиенте просто скрывает его.

Для альтернативной реализации см What to use instead of `toggle(...)` in jQuery > 1.8?

Answer 2

var imgTag = "<img>"; 
    imgTag.attr('src','plus.png'); 
    imgTag.attr('id','clicker'); 
    $('#p10').append(imgTag); 

    $(imgTag).toggle(function() { 
      // toggle code here 
    }, function() { 
     // toggle code here 
    });