Jquery .removeAttr и .addClass на Android

Question

Я делаю сайт, готовый для мобильных устройств доступным, и у меня возникают проблемы с запуском простой функции jquery.Я немного новичок в этом, но использовал такие простые функции во многих проектах без заминок.Это моя первая попытка на сайте, готовом для мобильных устройств.

Тестовая страница: http://arrowoodphotography.com/spaces/test.html

Я пробовал (документ) .ready и ниже.Это работает без проблем на настольных компьютерах, но не на мобильных устройствах.

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

<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script>
$(window).load(function(){ 
    $("object").removeAttr("height");
    $("object").removeAttr("width");
    $("object").addClass("objectSize");
}); 
</script>

Любая помощь очень ценится

Answer 1

Я столкнулся с подобной проблемой, когда пытался добавить класс и удалить класс, содержащий свойство box-shadow.

.requiredfocus
{
 box-shadow: 0 0 12px #FF2A2A;  
}

Казалось, что он работает везде, кроме браузера Android, немного покопавшись, я понял, что Mozilla и Webkit по-прежнему требуют соответствующих префиксов -moz- и -webkit-. Следовательно, то, что работало для меня, было что-то вроде этого.

.requiredfocus
{
 -webkit-box-shadow: 0 0 12px #FF2A2A;
 box-shadow: 0 0 12px #FF2A2A;
 -moz-box-shadow: 0 0 12px #FF2A2A;
}

Надеюсь, это поможет.

Answer 2

Может быть, попробуйте .css('height','auto') и посмотрите, так ли это?