Question

我在我的页面中使用了两个jquery库

jquery-free-transform（https://github.com/gthmb/jquery-free-transform）
jQuery-contextMenu（https://github.com/swisnl/jQuery-contextMenu）

在一个库中使用.freetrans函数时，contextmenu函数无法从其他库中运行。

这是我的代码

<script>
$(document).ready(function(){
    $(".my_image").click(function() {
        $(this).clone().appendTo(".block").addClass('default_width context-menu-one').freetrans();

    });
});
</script>   


<script type="text/javascript">
            $(function(){
                $.contextMenu({
                    selector: '.context-menu-one',
                    callback: function(key, options) {
                        var m = "clicked: " + key;
                        window.console && console.log(m) || alert(m); 
                    },
                    items: {                    
                        "edit": {name: "Edit", icon: "edit", callback: function(key, opt){ alert("Foo!"); }},
                        "cut": {name: "Cut", icon: "cut"},
                       copy: {name: "Copy", icon: "copy"},
                        "paste": {name: "Paste", icon: "paste"},
                        "delete": {name: "Delete", icon: "delete"},
                        "sep1": "---------",
                        "quit": {name: "Quit", icon: function(){
                            return 'icon icon-quit';
                        }}
                    }

                });

            });
        </script>

如果我从上面的脚本删除 .freetrans（）函数，则下面的contextmenu函数运行完美。但我需要两个同时工作.. 我的主要想法是对象是可拖动的，可伸缩的，旋转的，当我右键单击时，我可以为该对象显示更多选项。

提前致谢...

在添加.freetrans函数时，contextmenu不会出现。

0 个答案: