Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/scala/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery特殊事件?它们是什么?我如何使用它们?这个示例是否适合使用Jquery特殊事件?_Javascript_Jquery - Fatal编程技术网

Javascript Jquery特殊事件?它们是什么?我如何使用它们?这个示例是否适合使用Jquery特殊事件?

Javascript Jquery特殊事件?它们是什么?我如何使用它们?这个示例是否适合使用Jquery特殊事件?,javascript,jquery,Javascript,Jquery,什么是Jquery特殊事件?我在谷歌上搜索了一下,仍然有点困惑,不过我想我可能对它有点了解。请告诉我,这是否是使用Jquery特殊事件进行编码的好选择 我需要创建一个功能,人们可以将文章页面上的一个段落添加到书签中,这样他们可以稍后回来继续阅读他们离开的地方。将有一个链接显示“放置书签”,当用户单击该链接时,它将启用“书签模式”,用户现在可以将鼠标悬停在文章中的某个段落上,当用户悬停在某个段落上时,该段落上方会出现一个div,当用户将鼠标悬停在该段落外时,该段落上方会显示“书签此”字样,那个di

什么是Jquery特殊事件?我在谷歌上搜索了一下,仍然有点困惑,不过我想我可能对它有点了解。请告诉我,这是否是使用Jquery特殊事件进行编码的好选择

我需要创建一个功能,人们可以将文章页面上的一个段落添加到书签中,这样他们可以稍后回来继续阅读他们离开的地方。将有一个链接显示“放置书签”,当用户单击该链接时,它将启用“书签模式”,用户现在可以将鼠标悬停在文章中的某个段落上,当用户悬停在某个段落上时,该段落上方会出现一个div,当用户将鼠标悬停在该段落外时,该段落上方会显示“书签此”字样,那个div消失了。当他们在“书签模式”下点击段落时,“书签此”div中的文本将变为“您放置了书签”,几秒钟后div消失,“书签模式”禁用。如果用户已经在页面上放置了书签,但决定将书签移动到另一个段落,则一切都与该用户第一次放置书签相同,但文本将改为“您的书签已移动”

如果我理解正确,并且这个例子确实是特殊事件的一个很好的候选,有人能帮助我了解结构的基本布局吗?我不需要所有的编码,我只需要知道悬停代码应该放在哪里,悬停,点击,移动书签等等

jQuery.event.special.myevent = {
  setup: function( data, namespaces, eventHandle ) {
    // code
  },
  teardown: function( namespaces ) {
    // code
  },
  add: function( handleObj ) {
    // code
  },
  remove: function( handleObj ) {
    // code
  },
  _default: function( event ) {
    // code
  }
};

中,我听起来好像您将通过正常的jQuery悬停事件执行悬停等操作。如果要使用自定义事件,则可以在启用书签模式时创建自定义事件,然后进行正常悬停,单击其中的事件


也可能有帮助,因为他们提供了如何设置实际特殊事件的示例。

看起来您可以向自定义绑定/触发事件添加额外功能

这是一个很棒的例子


+我不知道这些存在!这将解释一切-哈哈,你已经将OP链接到了他们最初链接的URL:)@BlairMcMillan我错过了URL。这是最好的资源。是的,你们两个链接的那个家伙和我提供的链接似乎只有两篇文章。
jQuery.event.special.myevent = {
  setup: function( data, namespaces, eventHandle ) {
    alert("start");
  },
  teardown: function( namespaces ) {
    alert("done");
  },
  add: function( handleObj ) {
    alert("new")
  },
  remove: function( handleObj ) {
    alert("delete")
  },
  _default: function( event ) {
    alert("default");
  }
};

$(obj).bind("myEvent", f); // start, new

$(obj).bind("myEvent", g); // new

$(obj).trigger("myEvent"); // default

$(obj).unbind("myEvent", f); // delete

$(obj).unbind("myEvent", g); // delete, done