remove - jquery load function



jquery.on() 메소드와 load 이벤트 (2)

jQuery는 어떻게 사용할 수 있습니까? load 이벤트가있는 on() 메서드? 예 : 코드는 다음과 같습니다.

<a href="#" id="add">Add</a>
<div id="initial">
     <input type="text" class="abc" name="in">
</div>

그리고 그것을위한 jQuery :

jQuery(document).ready(function() {
    var x=$('#initial').html();
    $('#add').click(function(){
        $('body').append(x);
    });
    $(document).on('load','.abc',function(){
        alert('started');
    });
});

https://ffff65535.com


onLoad 함수를 실행하려면

jQuery(window).on("load", function(){
    ..code..
});

onDOMContentLoaded (onready라고도 함) 코드를 실행하려면

jQuery(document).ready(function(){
    ..code..
});

또는 onready에 대한 권장 속기

jQuery(function($){
    ..code.. ($ is the jQuery object)
});

문서가로드되면 onready가 발생합니다.

onload는 문서의 내용과 페이지의 이미지와 같은 모든 관련 내용이로드 될 때 발생합니다.


http://api.jquery.com/on/ 참조하십시오.

그것은 말한다 :

모든 브라우저에서로드, 스크롤 및 오류 이벤트 (예 : <img> 요소)는 거품을 내지 않습니다. Internet Explorer 8 이하에서는 붙여 넣기 및 재설정 이벤트가 거품을 일으키지 않습니다. 이러한 이벤트는 위임에 사용할 수 없지만 이벤트 처리기가 이벤트를 생성하는 요소에 직접 연결될 때 사용할 수 있습니다.

새로운 입력 상자가 추가 될 때 무언가를하고 싶다면 추가 한 후에 코드를 작성하면됩니다.

$('#add').click(function(){
        $('body').append(x);
        // Your code can be here
    });

그리고 문서 내의 첫 번째 입력 상자가로드 될 때 동일한 코드를 실행하려면 함수를 작성하고 $('#add').click 와 같은 두 위치에서 호출 할 수 있습니다 $('#add').click





events