jQuery Mobile - Anchor tag - jQuery & Javascript & CSS



jquery Mobile 에서는 

<a>태그의 anchor 기능이 정상 작동 하지 않는다.


이유는 jquery mobile의 링크 방식에 있다.

jQuery Mobile에서는 페이지간 링크를 

ajax와 링크 방식을 통해 이루어진다.



<script a='<>' src="http://gist.github.com/295648.js"></script a='<>'>


그래서

직접 anchor기능을 달아준다.

 

<a href="#target">Anchor</a>

<!--#target = 대상 id-->

 

<script>

$( document ).ready(function() {

var $root = $('html, body');

$('.anchor').click(function() {

    $root.animate({

scrollTop: $( $.attr(this, 'href') ).offset().top

}, 400);

return false;

});

</script>











AD_1