在表格中执行onClick的colorbox函数？

我试图为点击每个表格行打开不同的ajax模式。所以我这样做：在表格中执行onClick的colorbox函数？

<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

如果任何人都可以请点我在正确的方向，我会非常高兴:)）谢谢大家！:)

来源

2011-12-29 pufAmuf

由于colorbox是jQuery插件。使用jQuery代码而不是传统的java脚本是很好的:)你的网站很棒！ – 2011-12-29 20:33:12

谢谢，但您具体指哪个网站？ – pufAmuf 2011-12-29 20:40:33

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

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

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

});

我通过FireBug JS控制台将上面的代码片段添加到您的网站上进行了测试。

与内嵌代码的问题是，你正在使用双引号比你更应该：

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

应更改为：

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

注意周围的URL的单引号。你的代码看起来像这样浏览器：

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

来源

2011-12-29 20:27:51 Jasper

谢谢贾斯珀，但是我的决赛桌将会更大，并且这些链接将会从每天更新的MySQL文件中取得。这需要我随时更新html文件本身，我不想那样做 – pufAmuf 2011-12-29 20:30:58

@pufAmuf有几种方法，你可以给'tr'标签添加'data-'属性，如：'' 然后你的jQuery可以这样做：'$（'tr'）。click（function（）{$ .colorbox（{href：$（this）.attr（'data -url'）;}）;}）;'。 – Jasper 2011-12-29 20:33:56

@pufAmuf这是一个使用'data-attributes'的简单演示：http://jsfiddle.net/AYdam/ – Jasper 2011-12-29 20:36:58

在表格中执行onClick的colorbox函数？

回答

相关问题