代码不适用于JS Fiddle

Question

所以我试图通过提供一个JS小提琴来展示我在应用程序中遇到的问题，但现在我有一个xtra问题，我的代码将不适用于JS Fiddle！

基本上，当您在“画布”区域（带有虚线边框的区域）中单击并拖动时，您应该能够创建矩形，但这些都不会发生。

Fiddle here

我只使用过几次jsfiddle所以我可能会弄错，但是因为我包含了许多外部库（下划线，主干，木偶，jquery-ui），所以我无法确定出错了。我把这个小提琴放在Derick Bailey的“木偶游乐场”上 并搜索常见的jsfiddle错误（试过“没有包裹体”但仍然没有）

也许是因为我只在我的HTML上使用脚本/模板标签？

<script id="app-tpl" type="text/template"> 
    <header id="mainmenu"> 
        this is a header
    </header>
    <section id="workspace">
    </section>
</script>

任何帮助都会被提升。

Answer 1

您只需将css height 100％应用于屏幕元素即可。 在这种情况下，我还建议使用user-select禁用选择。检查一下： http://css-tricks.com/almanac/properties/u/user-select/