Javascript 错误：引用错误：未定义事件

请使用以下代码进行帮助

我在firefox和ie上遇到“未定义事件”错误

问题似乎与event.preventDefault（）有关

这个css只是关闭了下拉菜单

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

.下拉列表{
显示：无；
不透明度：0；
}

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>

$（文档）.ready（函数（）{
jQuery（'.download dropdown>a'）。单击（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'，
"顶":顶,，
"左":左,，
“z-索引”：999}）；
$this.parent（）.children（'.dropdown'）.animate（{'opacity'：'1'，'height'：'toggle'}）；
$this.parent（）.animate（{'height'：'400'}）；
window.dropdown=$this；
}
否则{
$this.parent（）.css（{'position'：'relative'，
“top”：“inherit”，
'左'：'继承'，
“z-索引”：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'}）；
}
});
});

这是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>

您需要将is设置为功能参数：

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