正在处理一个页面,该页面利用第三方供应商在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
是否是合适的方法,因此为什么一个被注释掉,两者都在代码中。
答案 0 :(得分:3)
这个答案是为了处理动态加载的图像(关于iframe,我相信它不会起作用)。
使用事件委派:
$(document).on("click","img",function(){
var altimg = $(this).attr('alt');
var srcimg = $(this).attr('src');
alert('ID is: '+ altimg+ '\n SRC: '+ srcimg);
});
我已更新了您的fiddle