如何将此单击事件功能转换为div加载时自动调用的功能?

时间:2011-12-18 21:14:12

标签: javascript jquery ajax html dynamic

我执行一个将内容加载到div中的函数。我正在使用innerHTML,我得到一个php文件,它用php文件的内容更新div的innerHTML。

这个div在其中包含另一个div,其类和id为“tweet”。这个div用特定主题标签的实际推文更新,通过$ variable

传递给函数

当它只是一个onclick事件时,它可以正常工作,例如:

<p><a href="#" onclick="tweet('<?echo $hashtag;?>')">activity</a></p>
<div class="tweet" id="tweet"></div>

但是,我想要做的是在“tweet”div加载后自动加载tweet('')。

tweet(hashtag)函数是:

function tweet(hashtag) { $("#tweet").load('tweet.php?hashtag='+hashtag); }

加载一个调用jquery tweet函数的php文件。

 jQuery(function($){
    $(".tweet").tweet({
        avatar_size: 32,
        count: 3,
        query: "<?echo $hashtag;?>",
        loading_text: "loading tweets...",
        refresh_interval: 3
    });
});

根据传递的主题标签,它显示3条推文。 加载页面时会调用hashtag作为会话变量。

单击链接时一切正常。我需要做什么才能自动加载。这样我就不需要点击链接了?我已经尝试了一些autorefresh选项,但无法完全得到它。我非常感谢你的帮助。

我知道,如果这只是一个正常的页面加载,我可以简单地使用$(document).ready并调用jquery函数。但是,由于div使用新的php文件内容填充的方式,它不起作用。我尝试了几次使用自动刷新间隔,窗口加载等等。它们似乎也不起作用。

1 个答案:

答案 0 :(得分:0)

有两种方法可以尝试:

  1. 以某种方式从您调用的函数运行代码以加载div。 (保证工作。你甚至可以把某种插件概念放在一起。“eval”可能很有用。)
  2. 在div后添加标记。如果事情按预期工作,那么代码将立即执行。