Почему я не могу заставить этот код jquery работать?

Question

Я пытаюсь сделать прокрутку страницы для публикации, которая имеет конкретный идентификатор, например. пост-21 после-22 и т.д.

Но это не сработает. что может быть неправильно с моим синтаксисом здесь, пожалуйста?

// this is number of posts visible. returns e.g. 2 
var posts_visible = <?php echo $news['num_per_page']; ?>; 
// this is number of more posts loaded. returns e.g. 2 
var posts_more = <?php echo $news['num_per_more']; ?>; 
// here i calculate the value to know which position should we be at after scroll 
var newposition = posts_visible + (posts_more * $.cookie('n_more')); 
// here i am trying to set #post-(thepostnumber) 
var thispost = '$("#post-' + newposition + '")'; 
$('html,body').animate({ 
    scrollTop: thispost.position().top + 'px', 
    scrollLeft: thispost.position().left + 'px' 
},1000); 

Пожалуйста, обратите внимание, что alert(thispost) возвращается точно пост с надлежащим удостоверением я должен быть в. Просто не могу заставить его работать в анимации/прокрутке. Пожалуйста, помогите мне

Answer 1

Вам нужно только селектор в виде строки, а не весь вызове $() функции, как это:

var thispost = $("#post-" + newposition).position(); 
$('html,body').animate({ 
    scrollTop: thispost.top + 'px', 
    scrollLeft: thispost.left + 'px' 
},1000); 

Также он может быть оптимизирован, как и выше ... нет необходимости позвонить .position() дважды получить тот же результат.

Answer 2

var thispost = $("#post-"+ newposition); 
$('html,body').animate({ 
    scrollTop: thispost.position().top + 'px', 
    scrollLeft: thispost.position().left + 'px' 
},1000); 

Answer 3

Не уверен, что это полезно, но стоит поделиться. Я использую этот плагин, когда я хочу что-то прокручивать http://demos.flesler.com/jquery/scrollTo/

Answer 4

Try:

var thispost = $("#post-" + newposition); 

Вы не хотите, чтобы создать строку «$("#post-42")», который вы хотите создать строку «#post-42» и передать его функция $.