jquery - 如何使div在发布后可点击

Question

我正忙着创建在线议程。我有 3 个下拉菜单，您可以在其中选择您想要查看的年、月和周。然后，无需刷新页面即可打印 div(带有数字的日期，例如您选择 2008 年 2 月，您会得到 1 月 thuiesday 等)。这些 div 必须可点击，以便弹出窗口/灯箱将打开选定日期的预约。(div 是 handler.php 的回调形式，其中有 35 个，所以我希望我可以用一个函数来完成)

我创建了一个名为 test 的函数，并将其添加到 onlclick 事件中，但它不起作用(但当我启动页面并且没有发布或点击任何内容时会显示警报)

$(function test(){alert("测试");

我将所有 div 都设置为同一类(klik)，这样，如果单击了 klik 类的某些内容，则会显示提醒广告，但也能发挥作用。

$('.klik').click(function(){
警报(“测试”)；
});});

div 的 CSS:

div#a1 {
宽度:100px；
高度:110px；
左边距:99px；
顶部边距:-111px；
底部边框:1px 纯黑色；
左边框:1px 纯黑；
光标:指针；
显示: block ；
}

在handler.php中创建div`$b=0;

            while ($b < 35)
                    {
        echo "<div id='a$b' name='b' class='klik'>";
        echo "<p>test ".$b."" ;
        echo "</div>";
        $b++;
        }`

我希望我给了你足够的信息，也许你们可以帮助我谢谢马克

Answer 1

查看事件委托(delegate)，它在 jQuery 中实现为 Events/live .

所以，而不是

$('.klik').click(function() { alert('test'); });

尝试

$('.klik').live('click', function() { alert('test'); });