解决方案 »

  1.   

    没看出有什么问题。
    你第二次点了之后看看tt里面的html是什么吧。
      

  2.   

    第三张图片就是点击第二次出现的效果,jiathis后边的按钮图标不显示了
      

  3.   

    你看看第二次后,tt里面的html代码
      

  4.   

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>cs</title>
    <script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div>
        <input id="t1" type="button" value="获取" />
        <input id="t2" type="button" value="重置" /></div>
        <div id="tt" style="margin:20px;padding:10px;width:300px;height:100px;border:1px solid #00FF55;">内容显示区域</div>
    </body>
    </html>
    <script type="text/javascript">
        $(document).ready(function(){
            var Str = "";
            $("#tt").fadeOut();
            Str += "                            <!-- JiaThis Button BEGIN -->";
            Str += "<div class='jiathis_style_24x24'>";
            Str += " <a class='jiathis_button_qzone'></a>";
            Str += "<a class='jiathis_button_tsina'></a>";
            Str += "<a class='jiathis_button_tqq'></a>";
            Str += "<a class='jiathis_button_weixin'></a>";
            Str += "<a class='jiathis_button_renren'></a>";
            Str += "<a href='http://www.jiathis.com/share?uid=1949141' class='jiathis jiathis_txt jtico jtico_jiathis' target='_blank'></a>";
            Str += "<a class='jiathis_counter_style'></a>";
            Str += "</div>";
            Str += "<script type='text/javascript' async='async'>var jiathis_config = {data_track_clickback:'true'};</";
            Str+="\script>";
            Str += "<script type='text/javascript' src='http://v3.jiathis.com/code/jia.js?uid=1949141' async='async' charset='utf-8'></";
            Str += "script>";
            $("#t1").bind("click", function () {
                $("#tt").fadeIn().html(Str);
            });
            $("#t2").bind("click", function () {
                $("#tt").html("内容显示区域").fadeOut();
            });
        })
    </script>
    ps:标红的这一部分js的引用,您随便引用一个js包就是了吧
      

  5.   

    1、源码变量Str 中的 script 标记没有拆断,会导致 js 解释器产生歧义
    2、区块是 .html(Str) 这样赋值的,其中的 js 代码不会被执行
    也就是 jiathis_config 赋值无效,下面引入的 js 无法工作
      

  6.   

    试了一下,好像不是百分百出现的。。
    应该是jiathis的问题,代码加密了没办法查看,你这里就不要重复的去请求吧。
    可以用2个div一个里面直接放str里面的代码(不要通过JS加载,直接放在HTML),一个里面放内容显示区域,2个按钮只去控制这2个DIV是否显示。
      

  7.   

    这个只是我的一个简单的模型,实际的情况是,tt里边的内容除了有jiathis的按钮图标外,还有一些动态添加的文字和图片。
    我想的是用post方法获取数据的,然后jiathis这个按钮图标就一起放里边动态添加了
    这样子的话,怎么破啊?
      

  8.   

    这样应该就可以了       $("#t1").bind("click", function () {
                jiathis_config = {data_track_clickback:'true'};
                $("#tt").fadeIn().html(Str);
            });