编写jQuery插件,需要让页面知道代码已经执行
writing jquery plugin, need to let page know code has executed
我正在尝试构建我的第一个jquery插件。这是一个简单的拖放游戏。基本上插件是这样做的:
- 在父div 下标识一组子div
- 对这些子div 应用一些样式并随机化他们的次序。
- 将 .draggable 函数应用于每个子div。
- 识别目标div 并向其添加 .droppable 函数。 将可拖动对象
- 放置在可放置对象上时,请确保它是该可拖放对象的正确可拖动对象。
- 将所有可拖动对象放置在正确的上后可掉落物,让玩家知道他们已经完成了游戏。
我现在需要做的是让页面知道 #6 已经发生,这样如果我想动画化某些东西或启动另一个函数,它会等到那个时候。
不幸的是,我不知道我需要学习的到底是什么。我所追求的会是事件侦听器吗?别的?我有一个关于#6的小if语句:
if (score === dragsTotal) {
$(dragsCont).append("<div style='font-weight:bold;text-align:center'>" + settings.finishText + "</div>");
}
所以我敢肯定,这就是我需要学习的地方。我以为我可能需要的只是一个布尔值,但我不知道如何让页面知道那个布尔值是什么或它已经更改了。
如果需要,这里的代码笔:http://codepen.io/kking/pen/YqXGaw/
我会连接到掉落事件。每次他们掉落一个时,检查它们是否完成。
相关文章:
- setTimeout函数能否在其前面的代码执行之前激发
- 延迟代码执行,直到下载完成
- 奇怪的javascript代码执行顺序
- 将字符串作为一段 HTML/javascript 代码执行
- 使用AngularJS,如何在视图和控制器同步特定更改后触发代码执行
- onKeyUp 导致代码执行两次
- JQuery:将参数传递给插件以限制代码执行
- JavaScript代码执行时间
- 基本的JavaScript代码执行
- JavascriptCore:从本机代码执行JavaScript定义的回调函数
- 脚本标记的位置会影响代码执行
- 页面脚本未使用 Salesforce Web-to-Lead 代码执行
- GM_xmlhttpRequest 成功回调“onload”未为注入的代码执行
- 停止所有代码执行,直到 IFrame 完全加载
- 纯 Javascript 代码执行停止混合应用程序中的离子加载指示器
- Javascript代码执行顺序
- Javascript:在嵌套函数中使用条件语句停止代码执行
- Node.js代码执行顺序
- 什么触发JavaScript代码执行
- onreadystatechange导致php代码执行两次