Jquery没有检测到动态创建的元素

Question

我试图让jQuery在课程“打开”时创建提醒。被添加到＆＃39; ul.foo＆＃39;：

HTML：

<span>Some text</span>
<ul class="foo">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

jQuery的：

$('ul.foo li').hide();

$("span").click(function(){
    $('ul.foo li').slideDown();
    $('ul.foo').addClass('open');
});

if ($('ul.foo.open').length){
    alert('ul open');
}

小提琴：https://jsfiddle.net/j8sL5oh4/1/

我错过了什么？

Answer 1

if块应该是inside the click event handler，因为只有在触发click事件时才会执行添加open类的代码，并且在绑定事件时已经读取了if块。 Fiddle

同时避免使用alert，因为它会停止执行代码，而是使用console.log。