0

私のウェブサイトにはサイドバー メニューがあります。携帯電話では、押すと下にスライドする「ナビゲーション」パネルに変わります。slide up私の問題は、このナビゲーションボタンをクリックしたときだけ、「ナビゲーション」メニューを表示したいということです 。

発生しているのは、このナビゲーション メニュー内にある検索入力にフォーカスすると、ナビゲーション メニューが上にスライドし、何も入力できないということです。(このエラーは携帯電話でのみ発生し、サイズ変更されたデスクトップ ブラウザーで正常に動作します)。

コード：

$(document).ready(function(){

$(document).on('click', ".sidebar-dropdown a", function(e){
  e.preventDefault();

  if(!$(this).hasClass("dropy")) 
  {
    // hide any open menus and remove all other classes
    $(".sidebar .sidebar-inner").slideUp(350);
    $(".sidebar-dropdown a").removeClass("dropy");

    // open our new menu and add the dropy class
    $(".sidebar .sidebar-inner").slideDown(350);
    $(this).addClass("dropy");
  }
  else
  {
    $(this).removeClass("dropy");
    $(".sidebar .sidebar-inner").slideUp(350);
  }
});

});

バグの例を次に示します (Web サイトでこの Bootstrap テーマを使用しています): http://responsivewebinc.com/premium/metroking/

4

0 に答える 0