사용자가 Ajax로 콘텐츠를로드 할 슬라이드 번호와 URL 주소를 지정하는 방법

Question

사용자가 슬라이더에 넣을 슬라이드 수를 지정할 수있는 방법이 있습니까? HTML 페이지뿐만 아니라 jQuery에서 AJAX 호출을 사용하여 각 슬라이드에 내용을로드하려고합니다.

i 슬라이드는보기에 들어갈 때마다 jQuery .load() 호출을 사용하여 각 특정 슬라이드에 내용을로드하기 때문에 각 슬라이드에 대해 window.location.hash을 특정 값으로 설정합니다. 사용자가이 두 가지 값을 지정할 수 있기를 바랍니다.

즉, .load() 메서드가 각 슬라이드에 대해 가져 오는 URL 주소와 각 슬라이드가 표시 될 때 해시 태그의 위치를 ​​지정하십시오.

.load() URL 주소는 각 슬라이드와 해시 태그에 따라 달라집니다.

예 : 슬라이드 번호 2로 슬라이드하면 슬라이드 2에만 지정된 URL의 콘텐츠가로드되고 해시 태그가 사용자 지정 값으로 변경됩니다.

슬라이드 번호 3으로 슬라이드하면 슬라이드 3에 지정된 URL의 콘텐츠가로드되고 해시 태그가 다른 사용자 지정 값으로 변경됩니다.

설정된 양의 슬라이드 대신 원하는 슬라이드 양을 선택할 수 있도록 허용하여 이러한 작업을 수행 할 수 있습니까?

또한 같은 배열에 정렬 된 사용자 사양이 할 수있는 방법이있다 :

var slideshash = ["#userSpecifiedHash1", "#userSpecifiedHash2"]; 

사람은 가능하면이 작업을 수행하거나 할 수있는 방법을 나에게 아이디어를 줄 수있는 경우; 또는이 기사 나 자습서와 관련된 저에게 직접 알려 주시면 고맙겠습니다.

Answer 1

path.js 라우팅 라이브러리는 설명 된 상황에서 매우 유용합니다.

내가 너무 확실하지 않다 :

이

GitHub의 프로젝트에있는 몇 가지 샘플 HERE

편집 @ 있습니다 ... 특정 콘텐츠를로드하고 해시 태그를 쉽게 만들어/URL을 기반으로 함수를 호출 당신의 해시 뒤에 당신의 논리에 있지만 여기에 어떻게 PathJS 및 jQuery 함께 할 것입니다. 이 예에서는 단순히 경로를 더 추가하고 제거하지 않을 것입니다.

<script type="text/javascript"> 
    var slidehash = new Array(); 

    function go(){ 
      Path.map(slidehash[0]).to(function(){ 
       alert("#1 hash found: "+slidehash[0]); 
      }); 
      Path.map(slidehash[1]).to(function(){ 
       alert("#2 hash found: "+slidehash[1]); 
      }); 
      Path.map(slidehash[2]).to(function(){ 
       alert("#3 hash found: "+slidehash[2]); 
      }); 
     Path.listen(); 
    } 

    $(function() { 
     $('#save').click(function() { 
      slidehash[0]=$(".changeMe:eq(0)").val(); 
      slidehash[1]=$(".changeMe:eq(1)").val(); 
      slidehash[2]=$(".changeMe:eq(2)").val(); 
      go();   
     }); 

    }); 
    </script> 
<ul id="inputList"> 
    <li><input class="changeMe" type="text" value="#/test"></li> 
    <li><input class="changeMe" type="text" value=""></li> 
    <li><input class="changeMe" type="text" value=""></li> 
</ul> 
<p><input id="save" type="button" value="Assign hashbang!" /></p> 
</script>