使用Ajax创建动态上下文菜单的jQuery

3
我正在使用jQuery 1.8.11.js的上下文菜单插件,并使用“build”回调在每次右键单击时动态创建菜单。
这是插件链接: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
                };
            }
        });
    });


这是 PHP 代码的一部分,用于发送 Ajax 响应:


    $toReturn = "";
    while($row = $result->fetch_assoc()) {
        $var = $row['category_name'];
        $toReturn .= "\"".$var."\": {name: \"".$var."\"},";
    }
    echo $toReturn . "\"quit\": {name: \"Quit\"}";


感谢您的帮助!
1个回答

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接