Question

如何使用“切换”按钮显示/隐藏以下外部.js文件的答案？如果我可以访问代码，我可以将答案包装在div中，但由于这是一个外部.js文件，这可能吗？

小提琴和小提琴代码：

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $(".pds-pd-link").hide();
        $(".a2a_dd.pds-share").hide();
        $(".pds-box").width(220);
      });
    </script>
    <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/5968383.js"></script>
    <noscript><a href="http://polldaddy.com/poll/5968383/">This is a test question ?</a></noscript>

Answer 1

外部JavaScript只是向DOM添加了元素，因此可以使用jQuery来操作它们，这样就可以了：

$(document).ready(function() {
    $('.pds-question').append('<input type="button" class="showanswer" value="show answer"/>');
    $('.pds-answer').hide();
    $('.showanswer').click(function() {
        $(this).parent().next().show();
    });
});

<强> Working example here

使用.append()添加button，然后隐藏答案。然后.click()函数显示答案

显示/隐藏外部.js文件的一部分

1 个答案: