首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对活法的困惑

对活法的困惑
EN

Stack Overflow用户
提问于 2016-10-04 09:18:25
回答 2查看 28关注 0票数 0

我正在互联网上发布jquery教程,我已经找到了一个关于如何使用live的简单代码,我认为live是不推荐的,所以像下面这样修改代码,但是ıt不工作,我预先在做什么?

代码语言:javascript
运行
复制
$(function () {
     $("p").on("click", function () {
          click: function () {
             $(this).after("<p>click</p>");
          },
          mouseover: function () {
             $(this).addClass("deneme");
          },
          mouseout: function () {
             $(this).removeClass("deneme");
          }
     });
});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-10-04 09:24:13

  1. 必须将.on绑定到静态元素,而不是动态元素。
  2. 使用调用作为对象或作为常规(每个事件分开)。

代码语言:javascript
运行
复制
$(function() {
  $(document).on({
    click: function() {
      $(this).after("<p>click</p>");

    },
    mouseover: function() {
      $(this).addClass("deneme");

    },
    mouseout: function() {
      $(this).removeClass("deneme");
    }

  }, 'p');
});
代码语言:javascript
运行
复制
.deneme {
  color: red;
}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>ACTION!</p>

票数 4
EN

Stack Overflow用户

发布于 2016-10-04 09:32:01

我认为您使用的是尝试对同一元素上的多个事件使用on,然后删除"click", function ()并尝试如下,

代码语言:javascript
运行
复制
$(function () {
     $("p").on({
          click: function () {
             $(this).after("<p>click</p>");
          },
          mouseover: function () {
             $(this).addClass("deneme");
          },
          mouseout: function () {
             $(this).removeClass("deneme");
          }
     });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39848536

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档