Py学习  »  Jquery

调用添加的类jquery

Maximilian Neuse • 4 年前 • 914 次点击  

我向div添加了一个类,并希望使用这个添加的类作为条件,但似乎它不起作用:

<div class="knock">Knock</div>
<div class="msg">Say hello</div>


$( ".knock" ).click(function() {
    $( ".msg" ).addClass( "sayhello" );
});

$( ".msg.sayhello" ).click(function() {
    alert("Hello!");
});

密码笔: https://codepen.io/anon/pen/vwEOoa

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/56121
 
914 次点击  
文章 [ 2 ]  |  最新文章 4 年前
Michi
Reply   •   1 楼
Michi    4 年前

嗨,因为您是动态添加的,所以必须这样编写代码:

  $( ".knock" ).click(function() {
    $( ".msg" ).addClass( "sayhello" );
});

$( "body" ).on('click', '.sayhello', function() {
    alert("Hello!");
});
div { cursor: pointer; }
.msg { display: none; }
.msg.sayhello { display: block; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="knock">Knock</div>
<div class="msg">Say hello</div>
Abhishek
Reply   •   2 楼
Abhishek    4 年前

要处理动态创建的元素的事件,可以使用 $(document).on() $(body).on()

$(document).on("click",".sayhello",function(){
  alert("Hello!");
});