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




jquery remove attribute (3)

onLoad 함수를 실행하려면

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

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

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

또는 onready에 대한 권장 속기

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

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

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

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');
    });
});

Answer #1

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

그것은 말한다 :

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

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

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

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


Answer #2

jQuery(document).ready() 가 실행될 때 이미로드되어 있으므로 document 의로드 이벤트가 이미 호출되었을 것입니다. 이 시점에서 load 이벤트 처리기를 연결하면 아무 효과가 없으며 절대로 호출되지 않습니다. 문서가로드 된 후 "시작됨"을 alert 려고하면 다음과 같이 (document).ready() 호출에 넣으면됩니다.

jQuery(document).ready(function() {
    var x = $('#initial').html();
    $('#add').click(function() {
        $('body').append(x);
    });

    alert('started');

});​

코드가 암시하는 것처럼 보이면 .abc .load 드 될 때 경고를 발생 시키려면 개별 .load 처리기에 넣으십시오.

jQuery(document).ready(function() {
    var x = $('#initial').html();
    $('#add').click(function() {
        $('body').append(x);
    });

    $(".abc").on("load", function() {
        alert('started');
    }
});​

마지막으로, jQuery 를 한 곳에서 사용하고 다른 곳에서 $ 를 사용하는 데는 작은 점이 있습니다. 일반적으로 코드의 일관성을 유지하고 jQuery 어디에서나 또는 $ 사용하는 것이 일반적으로 더 낫습니다. 둘은 일반적으로 서로 바꿔 쓸 수 있기 때문입니다.





events