2013-04-16 2 views
3

저는 아약스를 사용하여 돔에 웨이 포인트를 다시 주입하는 상황에 처해 있습니다. 이 새로운 요소들은 DOM이 변경되기 전에 생성 된 기존 웨이 포인트를 발생시키지 않을 것입니다.Jquery Waypoints ON을 사용하여

웨이 포인트가있는 이벤트에서 jquerys를 사용하는 방법은 무엇입니까?

내가 사용하고 중간 점 2.0.2 http://imakewebthings.com/jquery-waypoints/ 내가 수행하는 것입니다 노력하고 무엇의 예 사례는 여전히 .waypoint

문제로 지정된 요소에 적용 웨이 포인트 방법을 사용할 수 있습니다 웨이 포인트를 instert 다시 웨이 포인트가 될 새 div를 삽입 한 후에 트리거가 발생하지 않습니다.

dom이 한 번로드 된 후 클릭 기능이있는 요소를 동적으로 삽입 할 때 .click을 사용할 수 없으며 .on ("click"요소 "function .

(. ".nacho") 웨이 포인트 (기능 (방향)

이유는이 나던 제외 : 작업이를 얻을 수)

한 가지 방법은 사용 웨이 포인트 내부의 웨이 포인트를 다시하는 것입니다 내 상황에서 이전에 실행되거나 스크롤 된 모든 이전 방식으로 트리거됩니다.

<div class="nacho"> 

</div> 
<script> 
$(document).ready(function(){ 
    $("body").on("waypoint", ".nacho", function(event){ 

    //alert("test"); 

    }); 

    $(".nacho").waypoint(function(direction){ 
    alert("test"); 
     $("body").append("<div class=nacho>html to force the window down</div>"); 
    } , { offset: "bottom-in-view" }); 


}); 
</script> 

나는이 시점에서도 DOM에 웨이 포인트 나초를 다시 삽입하려고했는데,이 경우에도 웨이 포인트는 트리거되지 않습니다.

+0

시도해 보셨습니까? 충분히 합리적인 것 같습니다. –

+0

예. 시도해 보았습니다. –

+0

좋아, 답할 수 있도록하기 위해 알아야 할 사항은 다음과 같습니다. 1. 시도한 것, 2. 결과는 무엇이며, 3. 결과는 실제로 원하는 것입니다. 구체적으로 말하십시오. –

답변

3

당신이 DOM을 업데이트 한 후 새로 고침을 실행

$.waypoints('refresh') 

문서 : http://imakewebthings.com/jquery-waypoints/#docs

$ .waypoints ('새로 고침')이 각 웨이 포인트의 트리거의 재 계산을 강제

포인트를 오프셋 옵션에 기반합니다. 이것은 윈도우 크기가 변경되거나 새로운 웨이 포인트가 추가 될 때마다 자동으로 호출됩니다. 프로젝트에서 이러한 작업을 수행하지 않고 DOM 또는 페이지 레이아웃을 변경하는 경우 수동으로 호출해야 할 수 있습니다.

+0

지적 해 주셔서 감사합니다. 이 새로 고침을 사용하려고 시도했으나 현재 시간에 루프에 걸린 것으로 보입니다. 내가 틀릴 수도 있지만, 과거에 트리거 한 방아쇠 점을 새로 고침한다고 생각합니다. 나는이 새로 고침을 사용하고 진행 상황을 게시하려고 노력할 것입니다. –

관련 문제