在表中执行colorbox函数onClick?

时间:2011-12-29 20:24:29

标签: jquery colorbox

我正在尝试为每个单击的表行打开一个不同的ajax模式。 所以我这样做了:

<tr onclick="$.colorbox({href:"ajax.html"});">
    <td>Hello</td>
    <td>menu</td>
    <td>chicken</td>
</tr>

然而,这不起作用 - 虽然这样做:

<p>Click for ajax function</p>

$("p").click(function () { 

    $.colorbox({href:"ajax.html"});

});

Here's a running example

如果有人能指出我正确的方向我会非常高兴:))谢谢大家!:)

1 个答案:

答案 0 :(得分:2)

只需将您的jQuery选择器更改为tr标签和walaa:

$("tr").click(function () { 

    $.colorbox({href:"ajax.html"});

});

我通过FireBug JS控制台将上述代码段添加到您的站点来测试这一点。

您的内联代码的问题在于您使用双引号:

onclick="$.colorbox({href:"ajax.html"});"

应改为:

onclick="$.colorbox({href:'ajax.html'});"

请注意网址周围的单引号。你的代码对浏览器来说是这样的:

<tr class="" ajax.html"});"="" onclick="$.colorbox({href:">