Я использую jquery ui, чтобы позволить изменять элементы страницы, но я бы хотел настроить пользовательские дескрипторы. Я пробовал то, что, как я думаю, должен работать, но это не так.
Основной html:
<div id="element_x" class="resizable">
<div id="overlay_x" class="element_buttons">
<div id="resize_element_x" class="resize_element ui-resizable-handle ui-resizable-se"><img src="images/site/handle_resize.png" border=0 title="Resize this element" /></div>
</div>
</div>
Я установил его так:
var reposition = '';
$(function() {
$( ".resizable" ).resizable({
containment: "#viewPage",
handles: {"e,s,se" : { e: '.ui-resizable-e', s: '.ui-resizable-s', se: '.ui-resizable-se'}},
resize: function(event, ui){
reposition = ui.position;
}
});
});
Это создает правильный дескриптор в нужном месте, но когда я пытаюсь изменить размер, он просто ничего не делает! Может ли кто-нибудь увидеть, что неправильно, или предложить лучший способ сделать это?
Спасибо!