0
저는 jQuery 모바일을 아직 처음 사용합니다. 내 페이지 중 하나에서 사소한 문제를 해결하려고합니다.jquery mobile이 동적으로 DOM에 새로운 링크를 삽입하면 작동하지 않습니다.
간단한 링크 목록이있는 페이지가 있습니다. 특별한 것은 여기 없습니다 그냥이 :
<ul>
<li> <a href="test.php">One</a></li>
<li> <a href="test1.php">Two</a></li>
<li> <a href="test2.php">Three</a></li>
<li> <a href="test3.php">Four</a></li>
<li> <a href="test4.php">Five</a></li>
<ul>
<a href="#" id="list_more">More</a>
#list_more
링크를 클릭했을 때, 우리는 다음 5 개 항목을 가져오고 ul
의 끝에 추가하는 아약스 호출을 할 수 있도록 내가 JS의 비트.
$('#list_more').click(function(){
$.post("/scripts/ajax.php", function(data){
$('#list_more').attr('data-time',data.time);
$('ul li:last').after(data.out);
});
})
페이지는 여러 페이지 템플릿을 사용하여 설정됩니다. 새 페이지가 동적으로 DOM에 추가되기 때문에 Error loading page
메시지가 표시됩니다. 이 문제를 해결하는 방법을 모르겠습니다.
먼저, 종료 기능을 수행하기 전에'return false'를 잊어 버립니다. 그리고이 오류는 어디에서 발생합니까? – Ozerich
에'return false'가 추가되었지만 별 차이가 없습니다. 새로 추가 된 링크를 클릭하면 오류가 발생합니다. – TH1981
데이터 링크에 좋은 링크가 있는지 확인 하시겠습니까? – Ozerich