Скрыть / показать элементы формы, не работающие в приложении Android - PullRequest
Новая
       5

Скрыть / показать элементы формы, не работающие в приложении Android

2 голосов
/ 18 августа 2011

Я пытаюсь создать интерактивную форму. Ваш выбор определяет следующие вопросы, которые появляются. Я использую jQuery Mobile, и он отлично работает на ПК с помощью Dreamweaver, но при сборке под Android java-скрипты не работают. Это похоже на простой код, поэтому я не уверен, почему он не работает на Android. Может кто-нибудь сказать мне, где я иду не так?

Вот код:

Javascript: 

function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
      e.style.display = 'none';
   else
      e.style.display = 'block';
}

HTML: 

<div id=SkillSet data-role="fieldcontain">
      <fieldset data-role="controlgroup" data-type="horizontal">
        <legend>Skill Set:</legend>
        <a onclick="toggle_visibility('AV');"><input type="checkbox" name="SkillSet" id="SkillSet_0" class="custom" value="" /></a>
        <label for="SkillSet_0">AV</label>
        <a onclick="toggle_visibility('IT');"><input type="checkbox" name="SkillSet" id="SkillSet_1" class="custom" value="" /></a>
        <label for="SkillSet_1">IT</label>
      </fieldset>
    </div>


   <div id="IT" style="display:none">
    <hr>

    Blah Blah Blah     
</div>

Ответы [ 2 ]

1 голос
/ 18 августа 2011

Это интересный:

Веб-Android поддерживает отображение: нет И JavaScript И jQuery mobile не используется

Я думаю, что это может быть потому, что у вас есть привязка тега вокруг вашего ввода. Попробуйте поставить событие onclick на флажок или добавить что-нибудь еще в привязку.

EDIT: Или может быть, что есть несколько элементов с одинаковым идентификатором? Идентификаторы должны быть уникальными ...

0 голосов
/ 18 августа 2011

Попробуйте прикрепить функции к окну. 

window.toggle_visibility = function(id) {
   var e = document.getElementById(id).style.display;
   e=="block" ? e="none" : e="block";
}

Хотя я уверен, что с jquery есть что-то попроще.

Кроме того, почему ваши флажки внутри тегов a?

...