문자열을 사용하는 scrollTO

Question

내 코드로 scrollTO 함수를 수행하려고하지만이 ID에 연결하지 않는 것처럼 위쪽으로 튀어 나오지 않습니다.

<div class="a-z"> 
<? $a1=range("A","Z"); 
    foreach($a1 as $char2){ 
    echo "<a href='#$char2' onclick='$.scrollTo('#$char2', 800, {easing:'elasout'}); title='$char2'>$char2</a>"; 
    }?> 

    <script type="text/javascript"> 
$(document).ready('#<?php echo $char2 ?>').localScroll({ 
    target:'<?php echo $char2 ?>' 
}); 
</script> 
</div> 

코드는 내가 PHP 변수로이 하나를 시도

Answer 1

<? $a1=range("A","Z"); 
    foreach($a1 as $char2){ 
    echo "<a href='#' onclick='$.scrollTo(\'#{$char2}\', 800, {easing:\'elasout\'});' title='{$char2}'>{$char2}</a>"; 
    }?> 

오류 얻을 해달라고 업데이트 따옴표 "$의 char2는"이} {로 묶어야합니다 값 :

을 받고 있지 않습니다

Answer 2

rahul이 거의 옳았지만 onclick의 작은 따옴표 안에 이스케이프 된 큰 따옴표를 사용해야합니다. PHP 파서가 'echo'인수를 끝내고 있다고 생각하지 않도록 이스케이프 처리하십시오. 스크립트 태그에서

<? $a1=range("A","Z"); 
    foreach($a1 as $char2){ 
    echo "<a href='#' class='linkClass' data-destination='#{$char2}' title='{$char2}'>{$char2}</a>"; 
}?> 

:

$(document).ready(function() { 
    $(".linkClass").click(function() { 
     //On a click event, get the destination data attribute, then scroll to it 
     $.scrollTo($(this).data("destination"), 800, {easing: "elasout"}); 
    }); 
}); 

<? $a1=range("A","Z"); 
    foreach($a1 as $char2){ 
    echo "<a href='#' onclick='$.scrollTo(\"#{$char2}\", 800, {easing:\"elasout\"});' title='{$char2}'>{$char2}</a>"; 
}?> 

더 나은 솔루션, 다음 클릭 핸들러를 할당 할 jQuery를 사용하여 해당 링크 클래스 및 사용자 정의 데이터 속성을 모두주고있다