jquery - 单击表格 TD 单元格内部时是否可以弹出 Facebox 对话框

Question

当我点击 html 表格中的 td 时，我想弹出一个对话框。这可能吗？

https://github.com/defunkt/facebox

Answer 1

TD 作为代理...

如果您在那里有链接，您可以执行以下操作:

$("td").click(function(){
  $("a[rel='facebox']", this).trigger("click");
});

当然，稍微修改一下代码，您就可以通过单击页面上的几乎任何其他内容来调用任何链接的 Facebox。基本上，td 元素充当您的代理。如果您单击它，它会触发单击能够打开 Facebox 的链接。

没有链接？没问题...

如果您没有可供点击的链接，您可以创建一个苍蝇，触发一次点击，然后将其删除。

$("td").click(function(e){
  $("<a>") // create our link
    .click(function(e){e.stopPropagation()}) // prevent bubbling
    .attr({ // set its attributes
      'href':'/css/style.css?'+$(this).text(), // append td vals
      'rel':'facebox' // make it facebox-eligible
    })
    .appendTo(this) // append it to the td
    .facebox() // tie it to facebox
    .click() // click it
    .remove(); // remove it
});​

所以假设我们一开始是:

<td>52</td>

我们将有一个 iframe 弹出窗口指向:/css/style.css?52。