0

「トグル」ボタンを使用して、以下の外部 .js ファイルの回答を表示/非表示にするにはどうすればよいですか? コードにアクセスできる場合は、回答を div でラップできますが、これは外部の .js ファイルであるため、これは可能ですか?

フィドルとコードは次のとおりです。

http://jsfiddle.net/Wx5mM/

 <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>
4

1 に答える 1

0

外部 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();
    });
});​

作業例はこちら

を使用.append()して追加buttonし、回答を非表示にします。次に、.click()関数は答えを表示します

于 2012-06-28T09:33:38.633 に答える