jQuery 1.8.11.js 用の以下のコンテキスト メニュー プラグインを使用し、「ビルド」コールバックを使用して、右クリックごとに動的にメニューを作成しています。
http://medialize.github.com/jQuery-contextMenu/index.html
アイテムがクリックされたときに、メニュー オプションを動的にロードできるようにしたいと考えています。
私の問題は、このコンテキスト メニューに ajax 呼び出しの後にアイテムが含まれていないことです。
これは jQuery コードです:
$(function(){
$.contextMenu({
selector: '.context-menu-one ul li',
build: function($trigger, e) {
var str = $trigger.text();
var replaced = str.split(/[^a-zA-Z0-9]/g);
$.post('application/getMenu.php',
{item : replaced[1]},
function(data) {
menuItems = data
};
});
return {
callback: function(key, options) {
var m = "clicked: " + key;
window.console && console.log(m) || alert(m);
},
items: menuItems
};
}
});
});
これは、ajax 応答を送信する PHP コードの一部です。
$toReturn = "";
while($row = $result->fetch_assoc()) {
$var = $row['category_name'];
$toReturn .= "\"".$var."\": {name: \"".$var."\"},";
}
echo $toReturn . "\"quit\": {name: \"Quit\"}";
ご協力いただきありがとうございます!