使用Jquery更改内容(分页)

使用Jquery更改内容(分页),jquery,Jquery,为什么我花了2天的时间修改这个脚本,这样每当链接id=“paginations”不成功时我就可以调用它(因为我是新手) 我要做的就是调用这个函数来加载和更改#内容,即使链接在#内容中。像这样 <div class="pagination"> <a href="test.php">clik2</a> </div> 我试图创建一个函数并用onClick调用它,但没有成功。如果链接在#内容之外,则此脚本可以完美工作,但我也需要它在

为什么我花了2天的时间修改这个脚本,这样每当链接id=“paginations”不成功时我就可以调用它(因为我是新手)

我要做的就是调用这个函数来加载和更改#内容,即使链接在#内容中。像这样

  <div class="pagination">
    <a href="test.php">clik2</a>
  </div> 

我试图创建一个函数并用onClick调用它,但没有成功。如果链接在#内容之外,则此脚本可以完美工作,但我也需要它在#内容内部工作。有什么想法吗

$(文档).ready(函数(){

var hash=window.location.hash.substr(1);
var href=$('.pagination a')。每个(函数(){
var href=$(this.attr('href');
if(hash==href.substr(0,href.length-5)){
var toLoad=hash+'.html#content';
$(“#内容”).load(toLoad)
}                                           
});
$('.pagination a')。单击(函数(){
var toLoad=$(this.attr('href')+'#content';
$('content').hide('1000',loadContent);
$(“#加载”).remove();
$('#包装器')。附加('');
$('加载').fadeIn('慢速');
window.location.hash=$(this.attr('href').substr(0,$(this.attr('href').length-5);
函数loadContent(){
$('#content').load(toLoad',showNewContent())
}
函数showNewContent(){
$('#content').delay(100).show('fast',hideLoader());
$(窗口)。滚动顶部(“”);
}
函数hideLoader(){
$('加载')。延迟(300)。衰减('快速');
}
返回false;
});
});

如果链接是用javascript添加的,我认为这是您正在尝试的,那么您需要使用live函数。目前你有

$('.pagination a').click(
应将其替换为:

$('.pagination a').live('click',function() {

你可以阅读更多关于生活的信息。单击的问题在于,它不会被添加到设置函数后创建的元素中,而这些元素将以live的形式创建。

请注意,jQuery 1.7中不推荐使用.live方法。如果您有jQuery 1.7或更高版本,您应该使用.on方法进行事件委派:TNK非常有效,希望这能帮助其他人,因为这是一个正在编写的脚本
$('.pagination a').live('click',function() {