17
12月
jQuery.UI.dialogの中身をAjaxでloadする
jQuery.UI.dialogの中身をAjaxでloadしたくて$().load().dialog(‘open’)とか色々やってみたけど思うような動作にならない。しょうがないのでググってたら$().ajaxDialog: jQuery UI – dialog をajaxでというのを見つけました。ただ、使おうとしたら「このままだとloading中の表示を出せないし、画像だっけを出すようなこともできません」と書いてある。思うような動作とは正にローディングなので結局jQuery.UI.dialogのOpenイベントで実装することにしました。
書いたのはこんな感じ。
$("#disp").dialog({
autoOpen: false,
buttons: {
'close': function(){
$(this).dialog('close');
$("#disp").children().remove();
}
},
open: function(){
$("#disp").load($(this).dialog("option", "url"), null, function() {
$("#loading").hide();
});
}
});
$(".link").click(function(){
$("#loading").show();
$("#disp").dialog("option", "url", "/get_page?url=" + $(this).attr('href'));
$("#disp").dialog('open');
return false;
});