使用jquery的Next和Previous按鈕

我正在使用PHP Simple HTML DOM Parser將網站保存爲htm文件。然後我使用jQuery從文件中提取div並將其放入div。我想要創建一個上一個和下一個按鈕，但我遇到的問題是要做到這一點，我必須更改URL以便解析器可以獲取頁面。如果你能提供幫助，我將不勝感激。以下是我正在使用的代碼。使用jquery的Next和Previous按鈕

<?php 
    include('site/simple_html_dom.php'); 
    $html=file_get_html('http://roosterteeth.com/home.php?page=1'); 
    $html->save('site/rtnews.htm')      
?> 
<script type="text/javascript" src="site/jquery.js"></script> 
<script type="text/javascript"> 
    $('document').ready(function() { 
     $('#wrap').click(function (event){ 
      event.preventDefault(); 
     }); 
     $("#wrap").load('site/rtnews.htm #postsArea');  
    }); 
</script> 
</head> 
<body> 
    <div id="wrap"> 
    </div> 
</body>

來源

2013-12-22 Sabre

Next＆Previous按鈕用於何種用途？ –

我從'htm'文件中提取帖子。所以我將使用Next＆Previous按鈕來更改解析器使用的頁面'URL'。所以如果我按next，它會將'URl'改爲http://roosterteeth.com/home.php?page=2。 – Sabre

您將不得不爲此創建一個新的php文件，並對該文件發出AJAX請求。我假設您已經意識到您無法通過CORS進行跨域請求。

這是您的新php文件，我們稱之爲proxy.php。它將代理請求，並通過GET傳遞給它的頁面進行響應：

<?php 
    include('site/simple_html_dom.php'); 
    $html=file_get_html('http://roosterteeth.com/home.php?page=' . $_GET["page"]); 
    echo $html; 
?>

您的新JavaScript;

$('document').ready(function() { 
    var $wrap = $('#wrap'), 
    page = 1; 

    $('#next').on('click', function() { 
    getPage(++page); 
    }); 

    $('#prev').on('click', function() { 
    getPage(--page); 
    }); 

    var getPage = function (page) { 
    $wrap.load('proxy.php?page=' + page + ' #postsArea'); 
    }; 

    getPage(page); 

});

來源

2013-12-22 17:13:09 Jivings

非常感謝您的幫助我真的很感激它，但是我收到錯誤'Uncaught TypeError：Object [object Object] has no method'on''。我不確定是否有什麼我做錯了。 – Sabre

不用擔心，我設法讓它使用更新的jquery工作。非常感謝你的幫助，我真的很感激。 – Sabre

@Sabre沒問題！ – Jivings

使用jquery的Next和Previous按鈕

回答

相關問題