즉석에서 jquery 함수를 재설정하는 방법

Question

수정 방법을 모르는 작은 질문이 있습니다. 이 상황은 jQuery 슬라이드 쇼 (카메라라고 함)를 사용하고 있으며 이것을 가로 스크롤 웹 사이트와 결합했습니다.

메뉴에서 원하는 페이지를 선택하면 웹 사이트가 오른쪽으로 스크롤되고 자동으로 데이터베이스에서 슬라이드 쇼의 이미지 목록을로드합니다.

불행히도 메뉴에서 다른 섹션을 선택하면 이미지가 올바르게로드되지 않습니다.

이전 CSS 클래스를 재설정하거나 기능을 재설정하고 싶습니다. 메뉴의 버튼을 누를 때마다 전체 기능을 새로 고칩니다.

<a class="next page" title="Title 1" href="#page" onClick="return false" onmousedown="javascript:swapContent('title1');"><div id="title1"></div></a> 
<a class="next page" title="Title 2" href="#page" onClick="return false" onmousedown="javascript:swapContent('title2');"><div id="title2"></div></a> 

매번 내가 그것을 읽고 데이터베이스에 쿼리를 실행이 기능을 실행하는 버튼을 누릅니다

function swapContent(cv) { 
    $(".camera").html("Loading...").show(); 
    var url = "evaluation_menu.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
     $(".camera").html(data).show(); 
     $('.camera').camera({ 
      pagination: false 
     }); 
    }); 
} 

이 내가 그것을 사용하는 방법입니다 :

이

내 기능입니다.

나는 onClick에서 뭔가를 사용하려고 생각했지만 무엇을 어떻게해야할지 모르겠다.

정말 도움이됩니다.

Answer 1

어쩌면 가능한 해결책을 찾을 수있는 방법을 찾았지만, 원하는대로 작동하지 않습니다.

function swapContent(cv) { 
$(".camera").html("Loading...").show(); 
var url = "evaluation_menu.php"; 
location.reload(); // reload the page 
$.post(url, {contentVar: cv}, function(data) { 
    $(".camera").html(data).show(); 
    $('.camera').camera({ 
     pagination: false 
    }); 
    }); 
} 

"location.reload();" 슬라이드 페이지에서 메뉴의 버튼을 클릭하면 슬라이드가 새로 고침되지만 내용이로드되지 않습니다.