如何让expander函数处理动态jQuery数据？

谢谢你看这个问题。我试图让jQuery expander函数在我的UI中工作

问题是，当数据在HTML中硬编码时，它起作用，但当数据由jQuery动态放置时，它不起作用

我制作了4张幻灯片来更好地说明这个问题（请参见下面的图片）：

幻灯片1:包含我试图在显示的每个模块中展开的小文本的UI

幻灯片2:为jQuery设置的用于实时填充日期的div结构

幻灯片3:Chrome Inspector显示动态保存在内存中的数据（不在HTML源中）

幻灯片4:当我在HTML中硬编码时，扩展器功能会工作：

<div class="tags-hidden"><p>some data...</p></div>

一些数据

以下是扩展函数的来源：

非常感谢您能提供的任何帮助或建议。以下是幻灯片：

编辑1-以下是根据您的建议使用.live（）的新代码。。。它似乎不会在单击时被调用：

<script type="text/javascript">
$(document).ready(function() {
$('.div.tags-hidden p').live('click', function() {
    $('div.tags-hidden p').expander({
      slicePoint:       80,  // default is 100
      expandText:         '[...]', // default is 'read more...'
      collapseTimer:    5000, // re-collapses after 5 seconds; default is 0, so no re-collapsing
      userCollapseText: '[^]'  // default is '[collapse expanded text]'
  });
});
</script>

$（文档）.ready（函数（）{
$（'.div.tags-hidden p'）.live（'click'，function（）{
$（'div.tags-hidden p'）.expander({
切片点：80，//默认值为100
expandText:“[…]”，//默认值为“阅读更多…”
collapseTimer:5000，//5秒后重新折叠；默认值为0，因此不会重新折叠
userCollapseText:“[^]”//默认值为“[折叠扩展文本]”
});
});

加载内容后，您可能需要重新连接expander插件。例如，如果您是通过ajax调用动态加载内容，则在ajax加载完成后，您需要再次调用

$（'div.tags-hidden p'）.expander（）

。

我想您应该使用.live（）用于呈现页面时未显示的元素。

---

请看这里

非常感谢。我刚刚在我的主要帖子中添加了edit1，其中包含使用.live（）的新代码。它似乎不起作用…哦，它不是一个事件函数，而是一个样式化函数。我能想到的唯一解决方案是服务器用Ajax数据发送幻灯片4中的代码。很难看，但很有效。Chris感谢您的回复。我只是想知道您是否认为。live（）可能是这个问题的解决方案，如果是，将如何实施？再次感谢！