無法訪問elment追加

Question

我使用追加到圖像添加到<p id="p10">

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

我想引用我已經通過與觸發追加添加的圖片後：

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

我無法通過id訪問圖像元素以使用切換。如果我將切換註釋掉，圖像會顯示在頁面上。只要我添加切換代碼，圖像就會閃爍一下，然後消失。

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 
    });