Question

正在处理一个页面，该页面利用第三方供应商在DOM加载后将图像放到页面上。

我正在开发一个bookmarklet脚本，允许内部用户点击网站上的任何图片，并检索它id和src。该脚本适用于仅包含初始文档加载的图像的测试页面，但是在iframe中包含图像的页面或初始页面加载后加载的div不会按预期发出警告。

//$(window).load(function()
  $(document).ready(function(){
    $("img").css('cursor', 'crosshair');
    $("img").click(function(){
      var altimg = $(this).attr('alt');
      var srcimg = $(this).attr('src');
    alert('ID is: '+ altimg+ '\n SRC: '+ srcimg);
  });
});

有没有更好的方法在先前加载的页面上使用书签放置脚本来检查dom？我不确定document.ready或window.load是否是合适的方法，因此为什么一个被注释掉，两者都在代码中。

DEMO

Answer 1

这个答案是为了处理动态加载的图像（关于iframe，我相信它不会起作用）。

使用事件委派：

$(document).on("click","img",function(){
      var altimg = $(this).attr('alt');
      var srcimg = $(this).attr('src');
    alert('ID is: '+ altimg+ '\n SRC: '+ srcimg);
  });

我已更新了您的fiddle

使用jQuery查找页面加载后加载到dom的图像？

1 个答案: