Код JQuery не влияет на Google Chrome, но отлично работает в Firefox - PullRequest
Новая
       4

Код JQuery не влияет на Google Chrome, но отлично работает в Firefox

0 голосов
/ 05 сентября 2011

Я использую фрагмент кода JQuery с небольшим количеством Mootools, чтобы изменить класс некоторых входных данных, но дело в том, что он не работает (не имеет никакого эффекта) в Google Chrome, несмотря на то, что отлично работает в Firefox.

Редактировать: я обнаружил, что если я дважды щелкну по указанному элементу на странице, класс будет эффективно добавлен.

мой код 

<script type="text/javascript">
  window.addEvent('domready', function(){
    var myCheck = new FormCheck('formulaire');
    $('votconj').addEvent('click', function() {
     // code inside works perfectly
});

$('votconj_no').addEvent('click', function() {
    // code inside works perfectly
});

$('nb_children').addEvent('click', function() {
  var selected = $('nb_children').getSelected();


  selected.each(function(element) {
  var val = element.get('value');
  for (var counter = 1; counter <= val; counter++) {
    $('jj_enfant' + counter).addClass("validate['required']");
    myCheck.register($('jj_enfant' + counter));
    $('mm_enfant' + counter).addClass("validate['required']");
    myCheck.register($('mm_enfant' + counter));
    $('aaaa_enfant' + counter).addClass("validate['required']");
    myCheck.register($('aaaa_enfant' + counter));
    $('last_name_enfant' + counter).addClass("validate['required','nodigit']");
    myCheck.register($('last_name_enfant' + counter));
    $('first_name_enfant' + counter).addClass("validate['required','nodigit']");
    myCheck.register($('first_name_enfant' + counter));
    // Here the good value is displayed
    alert(val);
  }

  for (var counter = parseInt(val)+1; counter <= 6; counter++) {
    $('jj_enfant' + counter).removeAttribute('class');
    myCheck.dispose($('jj_enfant' + counter));
    $('mm_enfant' + counter).removeAttribute('class');
    myCheck.dispose($('mm_enfant' + counter));
    $('aaaa_enfant' + counter).removeAttribute('class');
    myCheck.dispose($('aaaa_enfant' + counter));
    $('last_name_enfant' + counter).removeAttribute('class');
    myCheck.dispose($('last_name_enfant' + counter));
    $('first_name_enfant' + counter).removeAttribute('class');
    myCheck.dispose($('first_name_enfant' + counter));
  }
  });
});

})
...
</script>

Ответы [ 3 ]

0 голосов
/ 05 сентября 2011

почему бы вам не использовать jQuery ready () для определения, когда Dom готов. jQuery предназначен для обнаружения этого события кросс-браузерным способом

замена 

window.addEvent('domready', function(){
    var myCheck = new FormCheck('formulaire');
    $('votconj').addEvent('click', function() {
    // code inside works perfectly
});

с 

$(document).ready( function(){
    var myCheck = new FormCheck('formulaire');
    $('votconj').addEvent('click', function() {
        // code inside works perfectly
    });
});
0 голосов
/ 05 сентября 2011

Следующий код прекрасно работает (я изменил событие с щелчка на размытие, и я сделал код немного проще и чище, получив только последний элемент выбранного массива). 

<script type="text/javascript">
  window.addEvent('domready', function(){
    var myCheck = new FormCheck('formulaire');
    $('votconj').addEvent('click', function() {
      // code inside works
    });

    $('votconj_no').addEvent('click', function() {
     // code inside works
    });

    $('nb_children').addEvent('blur', function() {
       var selected = $('nb_children').getSelected();

       var element = selected.getLast();

       var val = element.get('value');
       for (var counter = 1; counter <= val; counter++) {
          $('jj_enfant' + counter).addClass("validate['required']");
          myCheck.register($('jj_enfant' + counter));
          $('mm_enfant' + counter).addClass("validate['required']");
          myCheck.register($('mm_enfant' + counter));
          $('aaaa_enfant' + counter).addClass("validate['required']");
          myCheck.register($('aaaa_enfant' + counter));
          $('last_name_enfant' + counter).addClass("validate['required','nodigit']");
          myCheck.register($('last_name_enfant' + counter));
          $('first_name_enfant' + counter).addClass("validate['required','nodigit']");
          myCheck.register($('first_name_enfant' + counter));
       }

       for (var counter = parseInt(val)+1; counter <= 6; counter++) {
          $('jj_enfant' + counter).removeAttribute('class');
          myCheck.dispose($('jj_enfant' + counter));
          $('mm_enfant' + counter).removeAttribute('class');
          myCheck.dispose($('mm_enfant' + counter));
          $('aaaa_enfant' + counter).removeAttribute('class');
          myCheck.dispose($('aaaa_enfant' + counter));
          $('last_name_enfant' + counter).removeAttribute('class');
          myCheck.dispose($('last_name_enfant' + counter));
          $('first_name_enfant' + counter).removeAttribute('class');
          myCheck.dispose($('first_name_enfant' + counter));
       }

    });

})
...
</script>
0 голосов
/ 05 сентября 2011

Нет метода addEvent, ни в Firefox 6, ни в Chrome 13, по крайней мере, в режиме соответствия стандартам.(Возможно, вы хотели использовать метод addEventListener?)

Если вы используете режим Quirks, некоторые браузеры поддерживают некоторые нестандартные методы, но вы не можете использовать эти методы, если хотите, чтобы он работал перекрестноbrowser.

Вместо этого используйте событие ready в jQuery, которое также эмулирует событие domready для браузеров, которые его не поддерживают (т.е. IE).

Метод jQuery для привязкиобработчики событий называются bind, а не addEvent.Вы также можете использовать метод click для привязки события click. 

$(document).ready(function(){
  var myCheck = new FormCheck('formulaire');
  $('votconj').click(function() {
    // ...
  });
  // ...
});

Обратите внимание, что в HTML нет элемента votconj, поэтому селектор выше ничего не соответствует.

...