Question

嗨我怎样才能做到这一点：http://jsfiddle.net/7bJak/2/（ui拳击手）在鼠标点击？

我想实现拳击手，以便用户可以点击按钮然后在画布上画框。

我可以放一些像

这样的东西

$(document).onButton2click(function() {
    var canvas = $('#canvas');
    canvas.append('<div id="1"></div>');
    $('#1').addClass('ui-boxer')
        .css({ border: '1px solid white',
               background: 'orange',
               padding: '0.5em',
               position: 'relative',
               'z-index': 100,
               left: 1, top: 1,
               width: 50, height: 50});        
});

此帖子中导入的库仍然使用lates jquery UI版本??

谢谢你！

Answer 1

我在你的jsfiddle中添加了一个按钮并单击处理程序，它会在100,100处创建一个新框。

$("#buttonDiv").click(function(){
var canvas = $('#canvas');
 canvas.append('<div id="1"></div>');
 $('#1').addClass('ui-boxer')
     .css({ border: '1px solid white',
            background: 'orange',
             padding: '0.5em',
             position: 'relative',
            'z-index': 100,
             left: 100, top: 100,
             width: 50, height: 50});    

});

HTML for按钮是

<div id="buttonDiv"><input type="button" value="click here"/></div>

这基本上是我自己在这里实现的解决方案。盒子插件仍然有效。这意味着您可以单击并拖动以创建新框。

jquery ui拳击手

1 个答案: