Contents

조회 수 5566 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

Observing show/hide events with jQuery.


HTML Code

<button id="btnShow">Show</button> <button id="btnHide">Hide</button> <div class="container"> <div id="foo"> I am #foo </div> </div> <div id="console"> </div>

CSS Code

.container { height:60px; margin:10px; } #foo { background-color:#eeeeee; width:150px; height:50px; text-align:center; font-size:20px; }

JQuery Code

//The magic code to add show/hide custom event triggers (function ($) { $.each(['show', 'hide'], function (i, ev) { var el = $.fn[ev]; $.fn[ev] = function () { this.trigger(ev); return el.apply(this, arguments); }; }); })(jQuery); //on Show button click; show the #foo div $('#btnShow').click(function(){ $('#foo').show(); }); //on Hide button click; hide the #foo div $('#btnHide').click(function(){ $('#foo').hide(); }); //Add custom handler on show event and print message $('#foo').on('show', function(){ $('#console').html( $('#console').html() + '#foo is now visible'+ '<br>' ) }); //Add custom handler on hide event and print message $('#foo').on('hide', function(){ $('#console').html( $('#console').html() + '#foo is hidden'+ '<br>' ) });


[출처] https://www.viralpatel.net/jquery-trigger-custom-event-show-hide-element/




?

  1. [php] mysql_ 과 mysqli_ 의 차이

    Date2017.12.01 CategoryDevelop Byhooni Views3916
    Read More
  2. 알고리즘 성능 분석 기준

    Date2014.06.24 CategoryDevelop Byhooni Views3984
    Read More
  3. [ios] Objective-C 프로퍼티의 ATOMIC / NONATOMIC 속성

    Date2014.03.17 CategoryDevelop Byhooni Views3995
    Read More
  4. [ios] 여러 버전의 Xcode 사용하기

    Date2022.05.28 CategoryDevelop Byhooni Views4007
    Read More
  5. [android] 안드로이드 앱 문서 샘플

    Date2017.07.11 CategoryDevelop Byhooni Views4047
    Read More
  6. [ios] Swift 4 Dictionary 사용하기

    Date2018.11.29 CategoryDevelop Byhooni Views4114
    Read More
  7. [vim] vim 명령으로 &#65279; 문자 제거하기 (remove 65279 bomb)

    Date2021.02.03 CategoryDevelop Byhooni Views4124
    Read More
  8. [js] Array.splice() 설명

    Date2014.04.24 CategoryDevelop Byhooni Views4134
    Read More
  9. [io] Apple Watch, Today Extension 앱ID 설정

    Date2016.04.20 CategoryDevelop Byhooni Views4164
    Read More
  10. [ios] iOS 사운드 관련 프레임워크

    Date2014.04.18 CategoryDevelop Byhooni Views4176
    Read More
  11. [ios] Xcode에서 특정 파일만 ARC 따로 설정하는 방법

    Date2017.03.29 CategoryDevelop Byhooni Views4204
    Read More
  12. [ios] 커스텀 폰트 사용하기 (Custom Fonts)

    Date2014.04.30 CategoryDevelop Byhooni Views4235
    Read More
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 ... 71 Next
/ 71