小编cyb*_*ron的帖子

如何结合KnockoutJS使用HTML5拖放?

我似乎无法绑定到html5拖放事件.

以下是模板的示例:

<script id="tabsTemplate" type="text/html">
    <div class="dropzone" for="tab"
        data-bind="event:{dragover: function(event){event.preventDefault();},
                          dragenter: function(event){event.target.addClass('dragover'); event.preventDefault();},
                          dragleave: function(event){event.target.removeClass('dragover'); event.preventDefault();}}
                          drop: function(event){console.log('blahblah!')}"></div>
    <h1 class="tab" draggable="true"
      data-bind="attr: {selected: $data.name === $item.selected()},
                 click: function(){$item.selected($data.name)},
                 event:{ dragstart: function(event){console.log('blah!!')},
                         dragend: function(event){document.getElementsByClassName('dragover')[0].removeClass('dragover')}}">
        ${name}

        <img src="icons/close-black.png" class="close button" role="button"
            data-bind="click: function(e){$item.close($data)}">
    </h1>
</script>
Run Code Online (Sandbox Code Playgroud)

我所拥有的应该如预期的那样工作......只要我将它们设为正常的内联线,它就会发挥作用.但是,其他绑定不起作用!

我收到此错误消息:

未捕获的SyntaxError:意外的标记'||' 的jquery-tmpl.js:10

这里发生了什么?有什么我做错了吗?

html5 drag-and-drop jquery-templates knockout.js

21
推荐指数
2
解决办法
1万
查看次数

将Web应用程序打包为桌面应用程序

好吧,作为一名网络程序员我正在构建一个ajax应用程序,但我的问题是我的目标市场不会想要它作为一个Web应用程序,他们会希望它在桌面上具有本地文件访问权限,可能还有一些可选的云功能和姐妹手机应用程序.

所以我玩过Titanium和Air,与在浏览器中直接运行本地服务器相比,它们都非常短.

  • Titanium构建运行速度非常慢.它在这个阶段只是非常小(包括jquery.js在内的126kb代码).即便是css:hover还落后一秒!除了文档主要是占位符告诉你没有桌面文档.他们的演示厨房水槽应用程序甚至没有正常运行,除非他们的整个桌面功能集只是一个空的白色背景!

  • Adobe Air让狗吃早餐.即使它像Chrome中的一种款待一样,Air也不会运行我的任何脚本,而是像我正在制作立体派艺术一样.对那里的任何立体主义者都没有冒犯.

所以我的问题是,javascript/php程序员将小型服务器嵌入到ssb并以这种方式运行的选项有哪些?

browser desktop-application web-applications tidesdk

11
推荐指数
1
解决办法
3722
查看次数

可调整大小的表列

我正在开发一个Web应用程序,我正在寻找一种方法来创建自己的数据网格.

我知道有许多奇妙的脚本都有所有的花里胡哨,但我需要自己的特定功能,CSS风格,以及使用我自己的ui控件的能力.

真的,我唯一需要的是能够调整列的大小.我并不关心标记是不维护行结构还是不是语义,因为所有数据都将由ajax请求填充.

我在想一个可能的解决办法就是让每一列成为div.

有没有可以帮助我的教程?

javascript resizable

9
推荐指数
2
解决办法
1万
查看次数

在contenteditable div中保持美学卷轴

我正在使用一个contenteditable div构建一个富文本编辑器,我发现当我写了更多内容而不是适合屏幕时我滚动以便光标不再在底部,我再次开始输入,滚动默认值将光标再次放在屏幕底部.

当我从keydown或keypress尝试jquery e.preventDefault时,它当然会停止,但是我也不能输入任何东西!如果我继续沿着这条路走下去,除非我能找到一种只针对这种特定行为的方法,否则我最终将不得不编写整个令人满意的行为!

如何将滚动保持在用户想要的位置?

aloha和CKeditor如何管理?

编辑:即使编辑器窗口div设置为overflow:hidden,也会发生这种情况!

<div id="editor-window" class="hbox flex">
    <div id="editor" >
        <div id="editor-content" contenteditable>
            <p class="slug"></p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

编辑:其实我发现它不只是滚动将光标放在底部,它的滚动似乎很不稳定.光标没有离开屏幕,我猜这是这种行为的目的,但仍然是它的不稳定.

javascript scroll contenteditable

6
推荐指数
1
解决办法
1535
查看次数