Question

如何使用jquery重新加载Reddit按钮？我加载了更多的ajax函数，并且在通过jquery加载时不会出现Reddit按钮。我试着用：

$.ajax({ url: 'http://www.reddit.com/static/button/button2.js', dataType: 'script', 
cache:true});

这是每个帖子附带的实际按钮：

<script type="text/javascript">
reddit_url = "http://domain.com/post-num";
</script>
<script type="text/javascript" src="http://www.reddit.com/static/button/button2.js">
</script>

由于

Answer 1

您可以通过更新Reddit iframe的“src”来完成此操作。

$('some-surrounding-div-here').find('iframe').attr('src','http://www.reddit.com/static/button/button2.html?width=51&url=http%3A%2F%2Fdomain.com%2Fpost-num');

这是一个完整的工作示例：

<html>
<head>    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript"> 
         $(function(){
             $('#refresh_reddit_button').click(function(){
                   $('#reddit_button_container').find('iframe').attr('src','http://www.reddit.com/static/button/button2.html?width=51&url=http%3A%2F%2Fdomain.com%2Fpost-num');
             });
         });
    </script>            
</head>

<body>
     <input id="refresh_reddit_button" type="button" value="Refresh Reddit">
     <div id="reddit_button_container">        
           <script type="text/javascript">
                  reddit_url = "http://domain.com/post-num";
           </script>
           <script type="text/javascript" src="http://www.reddit.com/static/button/button2.js">
           </script> 
     </div>
</body>
</html>

使用jquery动态加载Reddit按钮

1 个答案: