JQuery изображение не отключить, кроме IE

Question

JQuery изображение не отключить, кроме IE

0

Я пытаюсь отключить изображения при загрузке, чтобы его нельзя было щелкнуть. Ниже код работает над IE, но не в другом браузере, таком как firefox, chrome и safari.

jQuery('#playersTable > tbody  > tr').each(function() {
    jQuery(this).find('td').each (function() {
        jQuery(this).find('img').each(function () {
            jQuery(this).attr('disabled','disabled');
        })
    });
});

kamil 25 окт. 2013, в 18:36

Источник

0

отключен - недопустимый атрибут для тега img. w3.org/wiki/HTML/Elements/img =
Jonathan Marzullo 25 окт. 2013, в 16:03

Теги:

javascript

jquery

2 ответа

0

Вам не нужен другой each() на теге img, попробуйте следующее:

jQuery('#playersTable > tbody  > tr').each(function() {
    jQuery(this).find('td').each (function() {
       jQuery(this).find('img').attr('disabled','disabled');
    });
});

Barlas Apaydin 25 окт. 2013, в 13:07

0

Мой вопрос заключается в том, что код не работает в разных браузерах, таких как chorme, safari и firefox. Ваш код делает то же, что и я. Я даже попробовал ваш, но это не работает
kamil 25 окт. 2013, в 16:06

Ещё вопросы

отключен - недопустимый атрибут для тега img. w3.org/wiki/HTML/Elements/img =
Мой вопрос заключается в том, что код не работает в разных браузерах, таких как chorme, safari и firefox. Ваш код делает то же, что и я. Я даже попробовал ваш, но это не работает

Jonathan Marzullo · Accepted Answer · 2013-10-25T14-54-00.000Z

disabled не является допустимым атрибутом для тега img

http://www.w3.org/wiki/HTML/Elements/img

Лучше всего просто добавить класс к родительскому изображению. тогда, когда onload, изображения, которые вы не хотите активировать, будут возвращены false из-за проверки внутри обработчика события click

// add this before page loads
jQuery('#playersTable').addClass('img-disabled');

// returns false if the images parent #playersTable has the img-disabled class 
jQuery('#playersTable').on('click', 'img',function(){

      if(jQuery(this).parents('#playersTable').hasClass('img-disabled')){
          return false;
      }

      // do code stuff

      return false

});

затем, когда страница загружена, вы можете удалить класс img-disabled

jQuery('#playersTable').removeClass('img-disabled');

..

Спасибо за приятную информацию. Это действительно помогает.