Question

专注于中间的3张幻灯片，其中3个链接位于“99％满意度，新增，Studio10”和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中只看到“图标”的最可能原因是，除非您为图像指定宽度和高度属性，否则当找不到图像时，其他浏览器不会显示“图标”。

<强>更新

您很可能有一些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 + '"/>';

我不能确定您的对象使用什么语法，但上面的示例应该演示如何做。

当使用javascript onclick我在IE中获得一个小链接图标时，如何删除它？

1 个答案: