为什么我不能让这个jQuery代码工作？

Question

我正在尝试使页面滚动以发布具有特定id的例如后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)回报准确地与适当的ID我应该是在后。只是不能让它在动画/滚动中工作。请帮我

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

尝试：

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

你不希望创建一个字符串“$("#post-42")”，你要创建的字符串“#post-42”，并把它传递给$函数。