JQuery UI боксер - PullRequest
Новая
       6

JQuery UI боксер

1 голос
/ 11 декабря 2011

Привет Как я могу сделать это: http://jsfiddle.net/7bJak/2/ (UI Boxer) по щелчку мыши?

Я хочу реализовать боксер, чтобы пользователи могли нажать на кнопку, а затем нарисуйте коробку на холсте.

Могу ли я поставить что-то вроде 

$(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});        
});

Также импортируемые в посте библиотеки все еще работают с последней версией jquery UI ??

спасибо!

1 Ответ

0 голосов
/ 11 декабря 2011

Я добавил кнопку и обработчик щелчков в вашем 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-код для кнопки 

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

Это в основном ваше собственное решение, которое я реализовал здесь. Плагин коробки все еще будет работать. Это означает, что вы можете щелкнуть и перетащить, чтобы создать новые поля.

...