使用javascript onclick時，我在IE中顯示一個小鏈接圖標，如何刪除它？

Question

在以下網站上： http : //fmcdevelopment.com/

專注於中間的3張幻燈片，其中“ 99％Satisfaction，New，Studio10”下方的3個鏈接和2個藍色箭頭按鈕

在IE7、8、9中，當您單擊3個鏈接或2個箭頭時，在容器的左上方會彈出一個小圖標。 如果您繼續單擊，則會從左到右顯示更多圖標。 當您單擊圖標時，您會看到它們是該javascript事件的onclick鏈接。

這個圖標到底是什么？ 在其他瀏覽器中，這些圖標不會顯示。 我需要這些圖標不要出現在IE7、8、9中。

function imageSwap(action){
var state = $('#features-image').attr("src");

if (action == 'previous')
{
    switch(state)
        {
            case '/themes/default/images/HPSlide-NinetyNine-Percent-Satisfaction.jpg': 
                $("#features-image").ImageSwitch({Type:"FadeIn", NewImage:"/themes/default/images/HPSlide-Studio10.jpg"});
                $("#features-link").attr("href",'/our-features/studio10/');
                $('#features-text').html('<p><a href="#" onclick="imageSwap(\'next\');">99% Satisfaction</a> <a href="#" onclick="imageSwap(\'previous\');">New</a> <span class=\"features-selected\"><a href="/our-features/studio10/">Studio10</a></span></p>');
                break;
            case '/themes/default/images/HPSlide-New-Headquarters-Aerial.jpg':
                $("#features-image").ImageSwitch({Type:"FadeIn", NewImage:"/themes/default/images/HPSlide-NinetyNine-Percent-Satisfaction.jpg"});
                $("#features-link").attr("href",'/our-features/99-satisfaction/');
                $('#features-text').html('<p><span class=\"features-selected\"><a href="/our-features/99-satisfaction/">99% Satisfaction</a></span> <a href="#" onclick="imageSwap(\'next\');">New</a> <a href="#" onclick="imageSwap(\'previous\');">Studio10</a></p>');
                break;
            case '/themes/default/images/HPSlide-Studio10.jpg':
                $("#features-image").ImageSwitch({Type:"FadeIn", NewImage:"/themes/default/images/HPSlide-New-Headquarters-Aerial.jpg"});
                $("#features-link").attr("href",'/our-features/new-administration-building/');
                $('#features-text').html('<p><a href="#" onclick="imageSwap(\'previous\');">99% Satisfaction</a> <span class=\"features-selected\"><a href="/our-features/new-administration-building/">New</a></span> <a href="#" onclick="imageSwap(\'next\');">Studio10</a></p>');
                break;
        }
}

Answer 1

彈出的“圖標”是圖像標簽，沒有有效的源屬性或有效的高度/寬度屬性。

似乎您在問題中描述的鏈接上具有click事件處理程序，從而在頁面上添加了無法正常運行的圖像。

您在Internet Explorer中僅看到“圖標”的最可能原因是，除非您為圖像指定了width和height屬性，否則在找不到圖像時其他瀏覽器不會顯示“ icon”。

更新

您很可能有一些JavaScript代碼正在創建這些圖像，這樣做時會出錯。 這是我從開發人員工具復制的示例圖像：

<img class="GrpEffectImg" id="GrpEffectImg-[object Object]"/>

您可能需要指定要添加到圖像ID的對象的屬性。 代替：

var img = '<img class="GrpEffectImg" id="GrpEffectImg-' + someObject + '"/>';

采用：

var img = '<img class="GrpEffectImg" id="GrpEffectImg-' + someObject.someProperty + '"/>';

我不能確定您的對象要使用哪種語法，但是上面的示例應該演示該怎么做。