При использовании javascript onclick я получаю маленький значок ссылки в IE, как мне удалить это?

Question

На следующем сайте: http://fmcdevelopment.com/

Сосредоточьтесь на 3 слайдах в середине с 3 ссылками под кнопками "99% Удовлетворение, Новый, Studio10" и 2 синими стрелками

В IE7, 8, 9, когда вы нажимаете 3 ссылки или 2 стрелки, в левом верхнем углу контейнера появляется небольшой значок. Если вы продолжите нажимать, слева направо появятся другие значки. Когда вы нажимаете на значки, вы видите, что это ссылки по клику из этого события javascript.

Что это за иконка? В других браузерах эти значки не отображаются. Мне не нужны эти значки, чтобы они отображались в 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]"/>

Возможно, вам нужно указать свойство объекта, который вы добавляете к идентификатору изображения.Вместо:

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

Использование:

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

Я не могу быть уверен, какой синтаксис использовать с вашим объектом, но приведенный выше пример должен продемонстрировать, что делать.