1

我有一个奇怪的现象。我有一个既可拖动又可调整大小的 div。上面使用了以下编码：

$('#myID').draggable({snap:"#parentDiv"}).resizable();

之后，我创建了文本框，用于调整 div 的宽度和高度，如下所示：

<table id='hwStyle'>
    <tr>
        <td>
            Width: 
        </td>
        <td>
            <input type='text' id='elementWidth' value='100px' size='4'/>
        </td>
    </tr>
    <tr>
        <td>
            Height:  
        </td>
        <td>
            <input type='text' id='elementHeight' value='100px' size='4'/>
        </td>
    </tr>
</table>

下一步是class selected在 div 被选中时添加它，但即便如此，它仍然没有以任何方式与文本框链接。When the div is selected and you start typing in the textbox, the div disappears.

这是小提琴。要对其进行测试，请在面板栏中打开布局面板，然后将 div 拖到画布上。请耐心等待，这是很多编码。要在编码中找到此 div，请搜索以 . 开头的 ID editor。

并非小提琴中的所有内容都可以正常工作，因为某些资源无法添加。

任何想法为什么会发生这种情况？

编辑

我看到文本框的 ID 是：elementWidth 和 elementHeight，没有在我的脚本中找到，并且class selected在选择 div 时也没有添加到小提琴中，所以在小提琴中不会看到。

4

1 回答 1

0

我在这里发现了问题：

$(document).keydown (function(e) {
    //alert(e.which);
    if(e.which == 46);      
    {
        var selectedComponent = $("#droptarget").find(".selected").attr('id');
        $("#" + selectedComponent).remove();
    }
});

;if 语句后面不应该存在。

于 2013-04-26T12:56:13.950 回答