Ошибка: ReferenceError: событие не определено

Question

Пожалуйста, помогите со следующим кодом.

Я получаю сообщение об ошибке «event is not defined» на firefox и т. Д.

Проблема, похоже, связана с event.preventDefault();

это CSS просто выключает выпадающее меню

<style type="text/css"> 
    .dropdown { 
     display: none; 
     opacity: 0; 
    } 
    </style> 

JQuery

пользовательских Javascript

<script type="text/javascript"> 

       $(document).ready(function(){ 

        jQuery('.download-dropdown > a').click(function() { 
         event.preventDefault(); 
         var $this=jQuery(this); 
         if (!$this.parent().hasClass('active')) { 
          var top=$this.parent().offset().top; 
          var left=$this.parent().offset().left; 
          jQuery('body').append($this.parent()); 
          $this.parent().addClass('active'); 
          $this.parent().css({ 'position': 'absolute', 
               'top': top, 
               'left': left, 
               'z-index': 999}); 
          $this.parent().children('.dropdown').animate({ 'opacity': '1','height': 'toggle'}); 
          $this.parent().animate({'height': '400'}); 
          window.dropdown=$this; 
         } 
         else { 
          $this.parent().css({ 'position': 'relative', 
               'top': 'inherit', 
               'left': 'inherit', 
               'z-index': 1}); 
          $this.parent().removeClass('active'); 
          jQuery('article.contact-download > div > section > div').append($this.parent()); 
          $this.parent().children('.dropdown').animate({ 'opacity': '0','height': 'toggle'}); 
          $this.parent().animate({'height': '45'}); 
         } 

        }); 



       }); 

      </script> 

Это HTML-

<article class="contact-download" data-background-height="60"> 
     <section data-speed="0"> 
     <div> 
      <div class="download-dropdown" style="height: 60px; position: relative; z-index: 1; top: inherit; left: inherit; display: inline-table"> <a style="padding-left: 25px; text-decoration:none; " href="#">click to see more</a> 
      <div class="dropdown"> 
       <ul> 
       <li><a href="#">Link 1</a></li> 
       <li><a href="#">Link 2</a></li> 
       <li><a href="#">Link 3</a></li> 
       <li><a href="#">Link 4</a></li> 
       </ul> 
      </div> 
      </div> 
     </div> 
     </section> 
    </article> 

Answer 1

Вам необходимо установить как функциональный параметр:

jQuery('.download-dropdown > a').click(function(event) { 
    // event is defined now      __^__