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

我有一个奇怪的事件。我有一个可拖动和可调整大小的div。如下编码被用来在其上：Div在非相关文本框中键入时消失

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

然后我创建文本框以用于调整大小的div像这样的宽度和高度的puspose：

<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被选中并开始在文本框中输入时，div就会消失。

这是fiddle。要测试它，请在面板栏中打开布局面板，然后将div拖到画布上。只需忍耐一下，它就是很多编码。要在编码中找到此div，请搜索以editor开头的ID。

并非所有的小提琴都能像它应该那样工作，因为有些资源无法添加。

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

编辑

我看到文本框的ID的分别是：elementWidth和elementHeight，都没有在我的脚本发现那位，也当选择的div class selected没有在小提琴增加，所以这不会在小提琴中看到。

来源

2013-04-26 Phillip-juan

可以请你提供一个小提琴吗？ – Sandeep 2013-04-26 07:07:43

我已经添加了小提琴。 – 2013-04-26 07:11:58

我在这里发现了问题：

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

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

来源

2013-04-26 12:56:13

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

回答

相关问题