下拉菜单打不开

Question

我被我的下拉菜单卡住了。 我希望它在单击导航按钮“点击器”时打开。然后当我再次点击“clicker”时它会关闭。

我希望它仅在单击图像时显示/隐藏。当我点击隐藏的 div 时，它会保持打开状态。

但这不起作用。我不知道为什么。尝试了很多东西。任何想法？ （这里是菜鸟）。

HTML： （点击“#clicker”图片=切换下拉；“#dropdown-inside”=隐藏的div；

<div class="header_content">
  <div class="navbar">
    <div id="dropdown-menu">
      <img id="clicker" src="http://porschedvd.de/bluptest/typo3/fileadmin/stromer/template/pix/menu_btn.jpg" alt="">
       <ul id="dropdown-inside">

JQuery:

$j('#clicker').click(function() {
$j('#clicker').not(this).children('ul').slideUp("slow");

$j(this).children('ul').slideToggle("slow");
});


$j('#clicker').blur(function() {
$j('#dropdown-inside').hide('slow', function() {
});
});

在这里提琴：http://jsfiddle.net/377G6/2/

Answer 1

我已阅读您的代码并尝试运行它。 现在你有 2 点需要解决：

1. 您的选择器$j(this).children(ul) 找不到该列表。

   列表ul是你的#clicker的兄弟元素，所以你可以使用siblings('ul')或next()的方法来选择列表，而不是children()

2. 现在无法触发事件“模糊”。

   一般情况下，blur事件只能在input或textarea上触发，所以如果要在<img>或<div>上触发blur，可以设置@987654335这样的属性@给它。

我试过了，修复后运行成功。

这里是链接：http://jsfiddle.net/edisonator/kfcB9/

谢谢， 爱迪生