jqueryで以下のようにして読み込みをさせて

質問

jqueryで以下のようにして読み込みをさせて
ボタンをクリックするとプラスして表示する形にしているのですが

$(document).ready(function(){

window.scrollTo(0,1);

$('#river').load('/test.php', null, function(){

});

var pageset=1;

$('#loadmore').click(function(){

var a = $(this);
var b = $(this).html();

$.get('/test.php?page='+pageset, function (data){

$("#river").append(data);
pageset = pageset + 1;
a.html(b);
});
return false;
});

});

＜ボタン、表示部分のソース＞
<div id="river" rel="">
<p id="loading">loading</p>
</div>
<a href="#" class="action more" id="loadmore">ボタン</a>

pagesetの値が一定の数に達した際（たとえば5など）に
ボタンをクリックすると別ページを別窓で開かせるようにしたいのですが
（http://www.yahoo.co.jp/が別窓で開くなど）
どのような記述を追加すればよいのでしょうか。

また、pagesetの値が一定の数に達した（たとえば5など）際に
「ボタン」とかかれた部分を別の名前に変更させる場合や非表示にする場合は
どのような記述をすれば可能になりますでしょうか。

調べながら色々やってみたのですが、どうしても上手くいきません。

聞いてばかりで申し訳ありませんが
ご教授いただけますと幸いですm(__)m

回答No.1

fujillin · ベストアンサー

回答がないみたいなので…

ajaxを行なおうとしているくらいですし、ご質問なさっていることは、ほとんどご提示のサンプルの中に記述されていることなので、質問の必要もないと思うのですが…

要素の指定は
＞　$('#river')　と同様
（idがない場合のセレクタも多様に用意されています。）

クリックイベントの設定は、既にご提示のサンプルにあるとおり。
jqueryのclick()だと上書きはされないので、元の設定も残ります。（両方動作するようになる）
元の処理をはずして新しい処理に変える場合は、元のイベント設定をはずす必要があります。
その場合は　unbind([type], [data])　を。

別ウィンドウを開くのなら
　window.open("http://www.yahoo.co.jp/", "_blank");
みたいな感じで。

コンテンツの内容の変更は
＞　a.html(b);　と同様

非表示は
　element.hide()　とか　element.css("display","none")　などで

＞調べながら色々やってみたのですが、
jqueryのドキュメントならここに
　http://docs.jquery.com/Main_Page
日本語の解説サイト
　http://semooh.jp/jquery/

お礼

ajaxは初めて挑戦するところで全くと言って良いほどわかりませんでしたので
素人判断でjavascriptの処理を参考に真似て追加したりしましたが
エラーになり上手く稼動しませんでした。
自分なりに試行錯誤していたのですが
調べ方や見方が足らないおかげで質問に頼っておりました。

追加の場所やそもそも文法など記述方法に問題があったのだと思いますが
いただいた情報のおかげで解決できました。

ありがとうございました。