Question

我有一个奇怪的事情。我有一个可拖动和可调整大小的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>

下一步是在选择div时将class selected添加到div中，但即便如此，它仍然没有以任何方式与文本框链接。当选择div并开始在文本框中输入时，div会消失。

这是fiddle。要测试它，请在面板栏中打开布局面板，然后将div拖到画布上。跟我说吧，它有很多编码。要在编码中找到此div，请搜索以editor开头的ID。

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

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

修改

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

Answer 1

我在这里发现了问题：

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

if语句之后的;不应该在那里。

键入非相关文本框时，Div消失

1 个答案: