여러 div를 표시하고 숨기는 방식으로 멀티 파트 양식을 만들고 싶습니다.

무기고

다음은 jquery 부분이며 jfiddle을 제공합니다.

$ (문서) .ready (function () {

$("a.atest").click(function(){

$(this).leanModal();

    $("button, input[type='button']").click(function(){

        $('#contact').hide();

        $('#nextForm').show();

    });

});

});

http://jsfiddle.net/hfes4ugn/

Ivo Coumans

당신은 사용할 수 있습니다 .show()그리고 .hide()당신은 설정할 필요가 없습니다, 그런 식으로 display: none하고 display: block자신.

다음과 같이 수행하면 원하는대로 작동합니다.

$("#form1").hide();
$("#form2").show();

올바른 선택기를 사용하고 있는지 확인하십시오. 오타인지는 모르겠지만 코드에서 #contact을 참조하고 #nextFormdiv는 #form1and #form2.

또한 클릭 핸들러가 조금 이상합니까? 클릭 핸들러를 모든 a태그 (닫히지 않음)에 바인딩하고 내부에서 다른 클릭 핸들러를 입력 버튼에 바인딩하고 있습니까?

이 jsfiddle에서 내 예를 살펴보십시오. http://jsfiddle.net/w2qL0pn6/1/

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

이벤트 클릭 jquery로 여러 양식을 숨기고 양식 중 하나를 표시하는 방법

분류에서Dev

laravel 4에서 멀티 사이트 CMS를 만들고 싶습니다. laravel 4에서 멀티 사이트 CMS 용 템플릿 시스템을 구현하는 방법

분류에서Dev

멀티 파트 양식 데이터를 사용하여 파일을 업로드 할 때 무엇을 놓치고 있습니까?

분류에서Dev

jquery dynamic onchange ()를 사용하여 다른 양식을 표시하고 숨기는 방법

분류에서Dev

Google App Engine으로 멀티 파트 / 양식 파일을 업로드하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트를 사용하여 양식을 제출하지 않고 div 숨기기 / 표시

분류에서Dev

jquery 숨겨진 필드를 기반으로 양식 내에서 div를 비활성화하고 싶습니다.

분류에서Dev

AngularJS : 사진을 멀티 파트 양식 데이터로 업로드 및 게시하고 응답 받기

분류에서Dev

Fetch TYPESCRIPT를 사용하여 멀티 파트 / 양식 데이터를 게시 할 수 없습니다.

분류에서Dev

파일을 구문 분석하고 다시 형식화하여 Scala를 통해 Spark에서 pairRDD를 만들고 싶습니다.

분류에서Dev

android viewpager 2에서 도트 표시기가 작동하지 않는 클릭 이벤트 양식 도트 표시기를 비활성화하고 싶습니다.

분류에서Dev

멀티 파트 양식에서 여러 파일을 첨부 파일로 보내는 방법 [HTTP POST 요청]

분류에서Dev

파티션을 다시 만들지 않고 크기를 조정하는 방법

분류에서Dev

웹 페이지의 어딘가에서 버튼을 클릭하는 경우 특정 양식 필드에 특정 텍스트를 표시하고 싶습니다.

분류에서Dev

jQuery의 Deferred를 사용하여 양식을 숨기고 표시하는 동안 요소를 추가하는 방법은 무엇입니까?

분류에서Dev

양식이 변경되면 고정 DIV를 표시하고 양식을 저장할 때 숨 깁니다.

분류에서Dev

click ()을 사용하여 다음 양식 요소로 진행하고 현재 요소를 숨기는 방법

분류에서Dev

JQuery를 사용하여 확인란을 선택하면 여러 Div를 숨기고 표시하는 방법

분류에서Dev

기본적으로 양식을 숨기고 클릭시 표시하는 방법

분류에서Dev

Angular : Typescript를 사용하여 양식 값을 읽기 전용으로 회색으로 표시하고 데이터 게터를 유효하게 만듭니다.

분류에서Dev

여러 입력 매개 변수를 사용하여 동적으로 양식을 만들고 jQuery Ajax 응답으로 즉시 조치를 제출하는 방법은 무엇입니까?

분류에서Dev

Google 스프레드 시트 : 특정 조건에서 자동으로 다시 계산되는 수식 또는 함수를 만들고 싶습니다.

분류에서Dev

멀티 파트 / 양식 및 청크 인코딩을 모두 사용하여 Spring MVC에서 파일 업로드를 어떻게 받습니까?

분류에서Dev

Python을 사용하여 POST 멀티 파트 양식 데이터를 통해 파일 업로드

분류에서Dev

div를 표시하지만 양식에서 다른 div를 숨기는 if 문?

분류에서Dev

if 문을 사용하여 jquery로 2 div를 표시하고 숨기는 방법은 무엇입니까?

분류에서Dev

배치 파일을 사용하여 "새 폴더"를 만들고 싶습니다.

분류에서Dev

쿼리를 기반으로 한 하위 양식으로 두 테이블을 업데이트하고 싶습니다.

분류에서Dev

CSS 만 사용하여 다른 div를 숨기고 ID가있는 div 만 표시하는 방법

Related 관련 기사

  1. 1

    이벤트 클릭 jquery로 여러 양식을 숨기고 양식 중 하나를 표시하는 방법

  2. 2

    laravel 4에서 멀티 사이트 CMS를 만들고 싶습니다. laravel 4에서 멀티 사이트 CMS 용 템플릿 시스템을 구현하는 방법

  3. 3

    멀티 파트 양식 데이터를 사용하여 파일을 업로드 할 때 무엇을 놓치고 있습니까?

  4. 4

    jquery dynamic onchange ()를 사용하여 다른 양식을 표시하고 숨기는 방법

  5. 5

    Google App Engine으로 멀티 파트 / 양식 파일을 업로드하는 방법은 무엇입니까?

  6. 6

    자바 스크립트를 사용하여 양식을 제출하지 않고 div 숨기기 / 표시

  7. 7

    jquery 숨겨진 필드를 기반으로 양식 내에서 div를 비활성화하고 싶습니다.

  8. 8

    AngularJS : 사진을 멀티 파트 양식 데이터로 업로드 및 게시하고 응답 받기

  9. 9

    Fetch TYPESCRIPT를 사용하여 멀티 파트 / 양식 데이터를 게시 할 수 없습니다.

  10. 10

    파일을 구문 분석하고 다시 형식화하여 Scala를 통해 Spark에서 pairRDD를 만들고 싶습니다.

  11. 11

    android viewpager 2에서 도트 표시기가 작동하지 않는 클릭 이벤트 양식 도트 표시기를 비활성화하고 싶습니다.

  12. 12

    멀티 파트 양식에서 여러 파일을 첨부 파일로 보내는 방법 [HTTP POST 요청]

  13. 13

    파티션을 다시 만들지 않고 크기를 조정하는 방법

  14. 14

    웹 페이지의 어딘가에서 버튼을 클릭하는 경우 특정 양식 필드에 특정 텍스트를 표시하고 싶습니다.

  15. 15

    jQuery의 Deferred를 사용하여 양식을 숨기고 표시하는 동안 요소를 추가하는 방법은 무엇입니까?

  16. 16

    양식이 변경되면 고정 DIV를 표시하고 양식을 저장할 때 숨 깁니다.

  17. 17

    click ()을 사용하여 다음 양식 요소로 진행하고 현재 요소를 숨기는 방법

  18. 18

    JQuery를 사용하여 확인란을 선택하면 여러 Div를 숨기고 표시하는 방법

  19. 19

    기본적으로 양식을 숨기고 클릭시 표시하는 방법

  20. 20

    Angular : Typescript를 사용하여 양식 값을 읽기 전용으로 회색으로 표시하고 데이터 게터를 유효하게 만듭니다.

  21. 21

    여러 입력 매개 변수를 사용하여 동적으로 양식을 만들고 jQuery Ajax 응답으로 즉시 조치를 제출하는 방법은 무엇입니까?

  22. 22

    Google 스프레드 시트 : 특정 조건에서 자동으로 다시 계산되는 수식 또는 함수를 만들고 싶습니다.

  23. 23

    멀티 파트 / 양식 및 청크 인코딩을 모두 사용하여 Spring MVC에서 파일 업로드를 어떻게 받습니까?

  24. 24

    Python을 사용하여 POST 멀티 파트 양식 데이터를 통해 파일 업로드

  25. 25

    div를 표시하지만 양식에서 다른 div를 숨기는 if 문?

  26. 26

    if 문을 사용하여 jquery로 2 div를 표시하고 숨기는 방법은 무엇입니까?

  27. 27

    배치 파일을 사용하여 "새 폴더"를 만들고 싶습니다.

  28. 28

    쿼리를 기반으로 한 하위 양식으로 두 테이블을 업데이트하고 싶습니다.

  29. 29

    CSS 만 사용하여 다른 div를 숨기고 ID가있는 div 만 표시하는 방법

뜨겁다태그

보관