0

この特定の関数を使用してクリックされた質問の回答の div のバックグラウンド プロパティをフラッシュしたい Web サイトの FAQ セクションがあります。

// Extend jquery with flashing for elements
$.fn.flash = function(duration, iterations) {
    duration = duration || 1000; // Default to 1 second
    iterations = iterations || 1; // Default to 1 iteration
    var iterationDuration = duration / iterations;

    for (var i = 0; i < iterations; i++) {
        this.fadeOut(iterationDuration).fadeIn(iterationDuration);
    }
}

呼び出しステートメントを使用する方法はありますか

$("#someElementId").flash(1000, 4);

これを達成するために。私のHTMLは次のようになります

<p><ul class="disc">
<li><a href="#a1">Question</a></li>

<div class="row"><a name="a1">
<strong>Question</strong>

<p>Answer</p>

<a href="#top"><em>Back to top</em></a>

4

1 に答える 1

0

ええ、あなたの要素にいくつかのクラスを置き、それをすべて一緒に結びます：

<p><ul class="disc">
<li><a href="#a1" class='question' data-num='1'>Question</a></li>
<div class="row"><a name="a1">
<strong>Question</strong>

<p class='answer-1'>Answer</p>

<a href="#top"><em>Back to top</em></a>

$(function(){
  $(".question").on('click', function(){
     var num = $(this).data('num');
     $(".answer-"+num).flash(1000, 4);
  });
});

ユーザーが質問をクリックしたときのドキュメントの読み込み時に、data-num属性に格納されている質問番号を確認します。それから私は私がフラッシュする答えのクラスを導き出すことができます。

于 2012-09-09T03:53:56.037 に答える