2

最初のメニュー項目にドロップダウンdivがある水平メニューがあります。

http://jsfiddle.net/2dPXY/

最初のリンク「FindaDoctor」を引き続きクリックできるようにしたいので、誰かがドロップダウンから選択するか、リンクをクリックするだけです。

今のところクリックできません。理由がわかりません。jqueryファイルに以下を追加しようとしましたが、機能しませんでした。

（これは上記のjfiddleにもあります）

      $("#menu li a").click(
        function () {
          console.log($(this).html());
          window.location.href = $(this).attr('href');
        }
      );

ドロップダウンのあるリンクをクリックできない理由とその修正方法はありますか？

4

3 に答える 3

0

ul#menu a#menulinkcssで-IDに追加することができz-index:1;、それは機能します！ここを参照してください：http：//jsfiddle.net/2dPXY/4/

于 2012-09-07T22:39:22.527 に答える
0

問題は、.submenudivがタブの上に配置されているため、クリックをインターセプトしていることです。（10ピクセルの赤い境界線を設定することで、タブの上に配置されていることがわかりました）。これを修正するために必要なのは、inの代わりに30pxのを使用することだけtopです。margin-top#catmenu

私の更新されたjsfiddleを参照してください：http：//jsfiddle.net/q9A9T/

于 2012-09-07T22:36:47.200 に答える
0

.submenuリンクを超えています。

ヒント：1）IDは、競合を引き起こさないように一意である必要があります。

2）これは不要です：

  $("#menu li").hover(
    function () {
      $("a#menulink", this).css('color','#39c')
      .next('.submenu').css('display','block');
    }
  );

CSSのみを使用してください：

#menuli:hover #menulink{
    color: #39c;
}

#menuli:hover .submenu{
    display: block;
}
于 2012-09-07T22:37:41.060 に答える