quik flipプラグインでのjquery問題

Question

quikflipというjqueryプラグインに問題があります。基本的に、プラグインはカードを回すような反転効果で画像を反転させます。私は20枚のカードを持っているカードの画像のリストを反転させるために使用していますが、それはうまくいきますが、3枚のカードだけを反転させ、警告を止めて次のURLに行きます。

私はjqueryで新しいですし、それを作る方法を知らない、私はカウンタを作ってみましたが、成功しませんでした。ここ

は、私が試したものです：

function count() { 
    var n = $('quickFlip').length; 
    if(n > 3){ 
    Alert('only 3'); 
    } 
    else { 
    $('.quickFlip').quickFlip(); 
    // 
    } 
} 

$('.quickFlip').click(countChecked); 

プラグインの機能は、このように呼ばれる：プラグインのコードはここにhttp://jonraasch.com/blog/quickflip-2-jquery-pluginある

$(function() { 
    $('.quickflip').quickFlip(); 
}); 

。

私はちょうどコードをコピーし、警告は表示されませんでした。

<div class="quickFlip"> <div class="element" id= "id" title ="title"> 
<a href="#" class="quickFlipCta"> </a> 
</div> 
the code for fliping is now like 
<script type="text/javascript"> 
$(function() { $('.quickflip').quickFlip(); }); 
$(function() { 
var timesFlipped = 0; 
var threshold = 3; $('.quickflip').quickFlip().click(function() { 
if(timeFlipped++ >= threshold) { alert("Redirecting"); // do more stuff }}); 
}); 
</script> 

であるようなものです

<script> $(document).ready(function(){ $(".element").click(function() { 


    var cururl = document.location.href; 
    var path = $(this).attr('title') ; 
    var cardid = $(this).attr('id') ; 
    $.get('ajaxprocess.php', {Path: path,url: cururl,cardid:cardid}, function(data){ 

    $('#test').text(data);}); 
    }); 
    }); 
    </script> 

と要素：私はすべての時間が、それはに関する情報を送信する私のコードに干渉している場合、私はkhnowいけないカードをクリックするとdiv要素のAJAXのIDで送る別のスクリプトを持っています

何が間違っていますか？

Answer 1

プラグインのコードを見なくても、私は最も簡単な解決策は、ユーザーが「裏返し」、およびnは量の後に何かをやった回数を追跡する、あなたの$('.quickflip')に別の.click()イベントをバインドすることだと思います。同様に：

$(function() { 

    var timesFlipped = 0; 
    var threshold = 3; 

    $('.quickFlip').quickFlip().find('.quickFlipCta').click(function() { 
     if(++timesFlipped >= threshold) { 
      alert("Redirecting"); 
      // do more stuff 
     } 
     }); 
}); 

基本作業例：http://jsfiddle.net/sMYzS/8/

いくつかの詳細情報：

$('.quickFlip').quickFlip();が実際に反転を行うように見えるんしない、それだけで（あなたにイベントを結合反転機能を設定しますコンテナなど）。だからあなたの

else { 
    $('.quickFlip').quickFlip(); 
} 

は間違ったアプローチであると思われます。基本的には、関数が呼び出されたときに何をしているかは

if there are more than 3 
    alert something 
else 
    initialize the quickflip functionality 

です。