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

Question

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

这是我现在的情况，

每次用户输入 RSS 提要时在文本输入中，它将在同一页面中显示结果，因为我使用 AJAX 来获取数据。与结果一起的是包含 javascript 的 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 脚本。

Answer 1

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