Question

我写了这个animate out脚本，它在chrome上工作正常，但在Firefox上不起作用，我无法弄清楚为什么？

有什么想法吗？

基本上，它会检查是否单击了某个特定链接，如果它是动画某些元素

<script>
jQuery(document).ready(function($) {
    console.log('here i am on ff');
// ---------------------
  var triggers = '.menu-item a, .isotope-item a';
// ---------------------

  $(triggers).on('click', function() { //up & out
    event.preventDefault();


    var href = $(this).attr('href');
    // ------------------ add here
    changePage('.rt-tpg-isotope', '.isotope-item', 'upAndOut', 100, 0);
    changePage('.menu', '.menu-item', 'rightAndOut', 70, 0);
    changePage('.vc_single_image-wrapper', 'img', 'leftAndOut', 100, 500);
    // ---------------------
    setTimeout(function() {window.location = href}, 1000);
  });


function changePage(parentDiv,childDiv,divClass, timingV, delayV){
var time = delayV;
    $(parentDiv).children(childDiv).each(function(index, value) {
      setTimeout(function() {
        $(parentDiv).children().eq(index).addClass(divClass);
      }, time)
      time += timingV;
      /*var $this = $(this);
      var $yourset = $(parentDiv).children(childDiv);
      if ($this[0] === $yourset.last()[0]) {
        console.log('is last');
                changePage();  
      } else {
        console.log('is not last');
      }*/
    });
}

});
</script>

Answer 1

你应该把event作为函数的参数，就像这样

$(triggers).on('click', function(event e) { //up & out
e.preventDefault();

jQuery单击功能无法在Firefox上运行

1 个答案: