如何在发布后使​​div可点击

Question

我正忙着创建一个在线议程。 我有3个下拉菜单，您可以在其中选择您想要查看的年份，月份和周。 然后在页面刷新div（与那里的数字，例如你选择了februari 2008，你得到1 feb thuiesday等...）被打印出来。必须使这些div可点击，以便弹出/灯箱将使用apointments打开所选日期。 （div是一个回调形式handler.php，其中有35个，所以我希望我可以用一个函数来做）

我创建了一个名为test的函数，并在onlclick事件中添加了该函数但它没有工作（但是当我启动页面并且没有发布或填充任何内容时显示警报）

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

并且我使所有div都是同一个类（klik），这样如果有类klik的东西被cliked，那么要显示的警告广告以及该dint工作。

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

div的css：

div#a1 { width:100px; height:110px; margin-left:99px; margin-top:-111px; border-bottom: 1px solid black; border-left: 1px solid black; cursor:pointer; display: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++;
        }`

我希望我能给你足够的信息，以便你们可以帮助我 谢谢Mark

Answer 1

查看事件委托，它在jQuery中实现为Events/live。

所以，而不是

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

试

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

Answer 2

是你的功能，可以在onload事件中点击div吗？

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