jQuery Ajax 和 AddThis 社交书签应用程序答案

【问题标题】：jQuery Ajax and AddThis social bookmark applicationjQuery Ajax 和 AddThis 社交书签应用程序
【发布时间】：2011-09-27 15:15:11
【问题描述】：

我正在开发一个具有AddThis 集成的网站

这是我现在的情况，

每次用户在文本输入中输入 RSS 提要时，它都会在同一页面中显示结果，因为我使用 AJAX 来获取数据。与结果一起是其中包含 javascripts 的 AddThis 代码。我的问题是当我开始使用 AJAX 时没有出现 AddThis 按钮。但在使用之前，它可以完美运行。

这是代码。

<div id="entry-form">
        <table>
            <tr>
                <td>Insert RSS Feed Here:</td>
                <td><input type="text" name="url" id="url" style='width:300px;' /></td>
            </tr>
        </table>
    <input type='button' name='submit' value='Submit' class='submit' />
    <div class='urlResult' style='background-color:white; width:75%;'></div>

    </div>

当用户点击按钮时，它会在这个 jQuery 脚本上运行：

jQuery('.submit').click(function() {
        if( jQuery('#url').val() == "" )
            return false;
        jQuery.ajax({
            type:   "POST",
            url:    "parse.php",
            data:   "url="+jQuery('#url').val(),
            success: function(data) {
                jQuery(".urlResult").html(data);
            }
        });
    });

这是 parse.php 文件/代码：

<?php
$file = $_POST['url'];

$xml = simplexml_load_file($file,'SimpleXMLElement',LIBXML_NOCDATA);

foreach($xml as $key)
{

    $links = $key->item;

    for($x=0; $x<count($links); $x++) 
    { 
        echo "<pre>";
        echo $links[$x]->link;
        echo "</pre>";
?>

        <!-- AddThis Button BEGIN -->
        <div class="addthis_toolbox addthis_default_style ">
        <a class="addthis_button_preferred_1"></a>
        <a class="addthis_button_preferred_2"></a>
        <a class="addthis_button_preferred_3"></a>
        <a class="addthis_button_preferred_4"></a>
        <a class="addthis_button_compact"></a>
        <a class="addthis_counter addthis_bubble_style"></a>
        </div>
        <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e6622545c73a715"></script>
        <!-- AddThis Button END -->

    <?php
    }
}           
    ?>

这里的问题是，自从我开始使用 jquery-ajax 后，这段代码就没有出现：此代码允许显示 addThis 按钮。

  <div class="addthis_toolbox addthis_default_style ">
            <a class="addthis_button_preferred_1"></a>
            <a class="addthis_button_preferred_2"></a>
            <a class="addthis_button_preferred_3"></a>
            <a class="addthis_button_preferred_4"></a>
            <a class="addthis_button_compact"></a>
            <a class="addthis_counter addthis_bubble_style"></a>
            </div>
            <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e6622545c73a715"></script>

嵌入在我网站上的 javascript 文件只是 jQuery 脚本。

【问题讨论】：

我遇到了类似的问题，脚本标签只在 addthis__[blah].js 中加载一次，除非您刷新页面，否则永远不会再次加载。等我弄明白了，我会发布解决方案。

标签： javascript php jquery bookmarks

【解决方案1】：

这篇文章解决了我的问题——你需要通过 $.getScript() 动态加载脚本： http://kb.jaxara.com/how-initialize-addthis-social-sharing-widgets-loaded-ajax

【讨论】：