编写jQuery插件,需要让页面知道代码已经执行

writing jquery plugin, need to let page know code has executed

本文关键字:代码 执行 插件 jQuery 编写      更新时间:2023-09-26

我正在尝试构建我的第一个jquery插件。这是一个简单的拖放游戏。基本上插件是这样做的:

  1. 在父div 下标识一组子div
  2. 对这些子div 应用一些样式并随机化他们的次序。
  3. 将 .draggable 函数应用于每个子div。
  4. 识别目标div 并向其添加 .droppable 函数。
  5. 将可拖动对象
  6. 放置在可放置对象上时,请确保它是该可拖放对象的正确可拖动对象。
  7. 将所有可拖动对象放置在正确的上后可掉落物,让玩家知道他们已经完成了游戏。

我现在需要做的是让页面知道 #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/

我会连接到掉落事件。每次他们掉落一个时,检查它们是否完成。