使用jquery通过ajax更新内容?

时间:2013-07-26 11:05:21

标签: html ajax jquery

我正在使用一个cms,它有一个页面,通过ajax添加新内容。

因此内容不断更新,但没有页面刷新。

这通常是添加的每个内容的html。

   <li class="row-1" style="display: block;">
       <div class="content">
           Body text for content 1
       </div>
   </li>

随着更多内容的添加,html看起来像

    <li class="row-2" style="display: block;">
       <div class="content">
            Example text for content 2
       </div>
    </li>
    <li class="row3" style="display: block;">
       <div class="content">
            some more example text for content 3
       </div>
    </li>

在我的页面加载中,我已经为已经存在的内容执行了jquery。

我想要的是在每个新内容加载到页面时为每个新内容执行jquery。

我是否会为每个项目单独创建jquery,然后在每个项目添加到页面时加载jquery。

或者我会创建一个jquery函数来检测何时添加新内容?

现在开始我只想在添加新内容时发出警报,以便我可以看到它是如何完成的?

感谢您阅读和提供的任何帮助。

1 个答案:

答案 0 :(得分:0)

检查this的答案。这个问题可能是在成功的ajax加载时绑定事件的解决方案。

这可能是您想要访问您网站的方式。

所以你可以做的是用元素本身加载jquery并将事件绑定到这些元素。