앵커 요소를 클릭 할 때마다 창은 모바일에서 위로 이동합니다.

반응 형 드롭 다운 메뉴를 만들고 있습니다. 랩톱에서 잘 작동하지만 내 안드로이드 모바일을 사용하여이 드롭 다운의 링크를 클릭하면 창이 맨 위로 이동합니다. JQuery에서 preventDefault를 사용하려고했지만 Dropover가 CSS Hover 액션에 의해 작동한다고 생각합니다. PreventDefault 메소드가 작동하지 않는 이유입니다. 모든 아이디어 내 JQuery에서 이것을 방지하기 위해 무엇을 추가해야 하는가? 왜냐하면 매우 짜증나게하기 때문이다. 링크가 있습니다. JSFiddle 앵커 요소를 클릭 할 때마다 창은 모바일에서 위로 이동합니다.

이 스크립트를 사용하여 텍스트를 전환합니다.

$(document).ready(function(){ 

     $(".show-menu").click(function(){ 
      if ($(this).text() == "Show Menu") 
       { 
        $(this).text("Close"); } else 
        { 
         $(this).text("Show Menu"); 
        }; 
      }); 


     });

출처

2017-01-30 Naeem Rind

당신이 시도 할 수 있습니다 : $ ('# 메뉴 A')에 ('클릭'기능 (전자) {e.preventDefault();}) – gaetanoM

그것의 작업.. preventDefault 메서드를 사용하고 있었지만 내 메서드가 올바르지 않습니다. :) –

메뉴를 열고 닫을 수있는 방법이 있습니까? –

이것은 작동합니다.

$(document).ready(function(){ 

    $(".show-menu").click(function(e){ 
     if ($(this).text() == "Show Menu") 
      { 
       $(this).text("Close"); } else 
       { 
        $(this).text("Show Menu"); 
       }; 
     }); 
    e.preventDefault(); 
    return false; 
    });

또는 아래 코드를 사용하여 CSS 파일에서 마우스 오버 기능을 제거 할 수 있습니다.

$("#menu li").hover(function(){ 
    $(this).find("ul.hidden").fadeIn("fast"); 
}, function(){ 
    $(this).find("ul.hidden").fadeOut("fast"); 
});

출처

2017-01-30 18:41:27 Eddsters

나는 이미이 방법을 시도했다. 그것의 작동하지 않습니다. 그러나 첫 번째 코멘트에서 gaetanoM이 제공 한 방법이 효과적입니다. –

메뉴를 열고 닫을 수있는 방법이 있습니까? –

지금까지 꽤 부드럽게 보였지만 호버 옵션을 사용해 보셨습니까? 위의 코드를 추가하십시오 – Eddsters

당신은 기본 동작을 방지하기 위해 click(){ }의 말에 .preventDefault() 외에 return false;를 사용할 수 있습니다.

출처

2017-01-30 18:39:30

앵커 요소를 클릭 할 때마다 창은 모바일에서 위로 이동합니다.

답변

관련 문제