새로 고침 jQuery 내용

jQuery 슬라이더 라이브러리 pixedelic camera을 사용하고 있습니다. 나는 자유롭고 사용하기 쉽기 때문에이 라이브러리를 선택했다. 기본적으로 코드에 입력해야하는 것은 다음과 같습니다.새로 고침 jQuery 내용

<div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> 
       <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="images/slides/bridge.jpg"> 
       </div> 
       <div data-thumb="images/slides/thumbs/leaf.jpg" data-src="images/slides/leaf.jpg"> 
       </div> 
       <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg"> 
       </div> 
    </div> 

+ some include scripts

페이지를 새로 고치지 않고 이미지를 동적으로 추가 할 수있게하려는 경우. 입력 소스의 단순함 덕분에 매우 쉽습니다.> 슬라이드 쇼에 새 div를 추가하기 만하면됩니다.

$('#some_button').click(function(){ 
    $('#camera_wrap_1').append('<div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/rabbit.jpg"></div>'); 
})

하지만 문제는이 슬라이드 쇼는 페이지의 "온로드"를 생성하고, 더 복잡한 구조의 간단한 입력을 재 기입되어있다. 즉, 실행시 추가되므로이 간단한 추가 기능이 작동하지 않습니다. 어떤 기회, jQuery, Ajax 또는 div #tendiv를 새로 고침하여 jquery에서 새 내용을 생성하도록하는 방법이 있습니까?

출처

2015-01-13 MrIncognito

$ ('# camera_wrap_1')을 (를) 다시 실행 해 보았습니까? 추가 후? –

라이브러리는 다른 방법으로 조작하기 위해 요소를 검색해야 할 수도 있습니다 :'$ ('. someclass') 대신'$ ('body') 여야합니다. find ('. someclass')' - JQuery는 동적으로 추가 된 내용을 포함하여 현재 페이지에있는 HTML을 볼 수 있습니다. 오픈 소스라면 파일 편집을 시도하겠습니다.하지만 때로는 큰 주문이 될 수 있음을 알고 있습니다. – Porschiey

이것은보기 싫지만 작동해야합니다 : # camera_wrap_1의 innerHTML을 저장하고, 더 많은 data-thumb div 문자열을 concat, .html (concated) .camera()와 연결하십시오. 기본적으로 매번 처음부터 시작하십시오. 포크보다 간단합니다 ... – dandavis

이전 div id = 'camera_wrap_1'을 제거한 다음 'camera_wrap_2'라는 새 카메라를 추가하고 $ ('# camera_wrap_2'). camera();를 사용할 수 있습니다. 이 메소드와 같이 하나 전에 제거하고 새 값을 추가하십시오. 그러나 ID가 증가합니다. 그것은 효과가있을 수 있습니다.

출처

2015-01-13 01:46:28

새로 고침 jQuery 내용

답변

관련 문제