開いた各タブで JQuery ダイアログ ボックスを開く単純なクロム拡張機能があります
。問題は、Web ページに iframe が含まれている場合、ダイアログ ボックスがページ内にある iframe の数だけ開くことです。
これを避けたいのですが、開く必要があるのは、ページごとにダイアログ ボックスの 1 つのインスタンスだけです。ページ内の iframe を回避するにはどうすればよいですか?
これは私のコンテンツスクリプトです:
var layerNode= document.createElement('div');
layerNode.setAttribute('id','dialog');
layerNode.setAttribute('title','Basic dialog');
var pNode= document.createElement('p');
console.log("msg var: "+massage);
pNode.innerHTML = massage;
layerNode.appendChild(pNode);
document.body.appendChild(layerNode);
jQuery("#dialog").dialog({
autoOpen: true,
draggable: true,
resizable: true,
height: 'auto',
width: 500,
zIndex:3999,
modal: false,
open: function(event, ui) {
$(event.target).parent().css('position','fixed');
$(event.target).parent().css('top', '5px');
$(event.target).parent().css('left', '10px');
}
});