javascript - 使用 $(function() { ... } 库的 HTML5 拖动事件

Question

我第一次玩 HTML5 和 Javascript，但我被卡住了。简而言之，我的问题是如何在以

$(函数() { ... }

基本上我使用了 azure，它为您提供了一个代码项目来启动，但是当它给我文件时，有一个 page.js 以：

$(function() {
var client = new WindowsAzure.MobileServiceClient('[...]', '[...]'),
    todoItemTable = client.getTable('todoitem');
...

azure 服务有一个非常简单的数据库，我需要使用它来创建看板 boardesc 网页。

我使我的任务元素可拖动并添加了事件来处理它，但我无法在这个 JS 文件中创建事件方法，如果我在我的 HTML 中有它，我无法调用 .js 中的任何方法

我问过周围的工作，之前似乎没有人见过 $(function() { ... } 的东西，而且我在任何地方都找不到我需要的信息。

谢谢

score 0 · Accepted Answer

这是$(document).ready(handler)函数的 jQuery 简写。当文档完成加载时，您在函数中输入的任何内容都将被执行。

score 0 · Accepted Answer

您不直接调用此方法；您正在查看的语法是 JQuery 的document.ready，换句话说，当您的文档完成加载时会调用此函数。

score 0 · Accepted Answer

该语法是 jQuery - 特别是在 DOM 完成加载后调用的“DOMReady”函数 ( http://api.jquery.com/ready/ ) 的别名。

尝试查看 Derick Bailey 提出的这个问题的建议答案。

他包含了一些关于如何使用 JavaScript 模块模式编写代码的示例代码。

祝你好运！安东尼

3 回答 3