現在、mysql db からデータをロードしています。特定の条件が満たされると、ボランティア ボタンが表示されます。ボタンをクリックすると、ダイアログ ボックスが表示され、php ファイルが呼び出されてボックスに入力されます。まず、ダイアログを初期化します。
$(document).ready(function() {
$("#chaincrewDialog").dialog({ autoOpen: false });
});
ダイアログボックスを呼び出す方法は次のとおりです。
$('.volunteer').live("click", function(){
// this gets the game number from the table to pass to the php file
var gameno=$(this).parent('td').prev("td").prev("td").prev("td").prev("td").prev("td").html();
$('#chaincrewDialog').dialog('open').load("popup.php?gameno="+gameno);
});
クリック ボタンは正常に機能し、js または firebug のエラー メッセージは表示されません。私のダイアログは、次のパラメーターで呼び出されます。
$(function() {
$('#chaincrewDialog').dialog({
resizable: true,
autoOpen: false,
resizable: false,
modal: true,
dialogClass: 'flora',
title: 'Volunteer',
overlay: {
opacity: 0.5,
background: "#A8A8A8"
},
height: 600,
width: 700,
buttons: {
'Close': function() {
$(this).dialog('remove')
}
}
});
簡単なものが欠けていると確信していますが、ダイアログを表示することさえできません....