Twitter前端关注复选框

时间:2018-06-21 09:36:19

标签: php jquery twitter

我一直在查看实现Twitter Follow按钮的代码,但我更喜欢的是一个带有复选框的复选框,当他们按下按钮提交该复选框时,它会自动跟随我们的页面,如果他们取消选中该复选框,则显然不会。跟随我们。

我最初的想法是隐藏twitter按钮并使用一些jquery来检查复选框是否被选中,并在按下Submit按钮时单击隐藏的关注按钮,该按钮紧随我们的页面。

$('#redirectSubmit').click(function() {
    if($('#follow_twitter_checkbox').is(':checked')) {
        $('#twitter_button').click();
    }
});

问题在于twitter按钮是在iframe中生成的,因此我无法使用在button元素上设置的ID来单击按钮。

<a href="https://twitter.com/ElephantWiFi?ref_src=twsrc%5Etfw" id="twitter_button" class="twitter-follow-button" data-show-count="false">Follow @ElephantWiFi</a>

我查看了chrome开发人员工具,在twitter_button看起来像使用<script src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>生成自己的代码的任何地方都找不到Content id,上面的代码只能是它找到的放置容器的容器iframe在

所以我的下一个想法是,如果勾选了复选框并且按下了提交按钮,则在后端使用php自动跟随我们的页面。我不知道从哪里开始,我找不到任何可以帮助您的在线信息。

如果您还认为前端有另一种处理方法,请告诉我:)

0 个答案:

没有答案