使用Jquery(Paginate)更改内容

时间:2012-01-11 16:37:58

标签: jquery

Hy大家我已经尝试了2天来修改这个脚本,所以每当一个链接id =“paginations”当然不成功时我就可以调用它(因为我是一个新手)。

我想要做的是调用此函数来加载和更改#content,即使链接在#content中也是如此。像这样。

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

我正在尝试创建一个函数并使用onClick调用它,但我没有成功。如果链接在#Content之外但是我需要它在#Content内部工作,这个脚本可以正常工作。有什么想法吗?

$(document).ready(function(){

var hash = window.location.hash.substr(1);
var href = $('.pagination a').each(function(){
    var href = $(this).attr('href');
    if(hash==href.substr(0,href.length-5)){
        var toLoad = hash+'.html #content';
        $('#content').load(toLoad)
    }                                           
});

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

            var toLoad = $(this).attr('href')+' #content';
            $('#content').hide('1000',loadContent);
            $('#load').remove();
            $('#wrapper').append('<span id="load"></span>');
            $('#load').fadeIn('slow');
            window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
                function loadContent() {
                    $('#content').load(toLoad,'',showNewContent())
                }
                function showNewContent() {
                    $('#content').delay(100).show('fast',hideLoader());
                    $(window).scrollTop('');
                }
                function hideLoader() {
                    $('#load').delay(300).fadeOut('fast');
                }
            return false;
    });
});

1 个答案:

答案 0 :(得分:1)

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

$('.pagination a').click(

应替换为:

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

您可以阅读有关实时here的更多信息。 click的问题在于它不会被添加到设置函数后创建的元素中,而不是实时的。