如何在任务窗格中的动态内容获取点击事件？

Question

我有一些代码，成功需要从文本文档，做一些东西，有了它，并在任务窗格中动态的div呈现变化。

现在，我只是想在控制台日志中动态的div一个一个点击，但我没有看到任何事件发生。但是，当我停止并重新启动在VS的代码，我看到这在控制台...

项目详细信息被点击！未定义

所以，东西登记。

我读了Office.js文档和其他博客文章，但似乎无法找到我在做什么错。

我试过的这些变化都无济于事。

// dynamic div
var myDetails = 'details-S' + myId + 'I' + idxWarn;
var myDetLink = ' <div class="linkItemDetails" id="' + myDetails + '">...</div>';

function clickedItemDetails() {
console.log("Item Details Clicked! " +JSON.stringify(this));
}

$('.linkItemDetails').click(clickedItemDetails);
$('.linkItemDetails').on('click', clickedItemDetails());
$('.vtsItemDetails').bind("click", clickedItemDetails);
$('#parentDivItemCategories').on('click', '.linkItemDetails', function () { clickedItemDetails() });

现在，当我停止并重新启动在VS的代码，我看到这在控制台...项目详细信息被点击！未定义

那么，事情是注册在什么地方。只是没有何时/何/如何我想它。

有人能指出我朝着正确的方向吗？

Answer 1

漠视。我有正确的代码，但用错父DIV ID。感觉像一个总福利局。别急，我来了！不管怎么说，这个代码的工作，如果你有正确的父DIV ID

$('#parentDivItemCategories').on('click', '.linkItemDetails', function () { clickedItemDetails() });