Javascript 使用quik flip插件的jquery问题

我对名为quikflip的jquery插件有一个问题。基本上，该插件翻转图像时具有翻转效果，就像翻转卡片一样。我用它来翻转卡片的图像列表我有20张卡片，它工作得很好，但我只想翻转3张卡片，然后停止显示警报并转到下一个url

我是jquery新手，不知道如何制作，我尝试制作计数器，但没有成功

以下是我尝试过的：

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

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

插件的功能调用如下：

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

插件的代码在这里

我只是完全复制了代码，没有显示任何警报。我有另一个脚本，每次单击卡片时都会发送div的ajax ID，我不知道它是否干扰了我发送信息的代码：

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

$（文档）.ready（函数（）{$（“.element”）。单击（函数（）{
var cururl=document.location.href；
var path=$（this.attr（'title'）；
var cardid=$（this.attr（'id'）；
$.get（'ajaxprocess.php'，{Path:Path，url:cururl，cardid:cardid}，函数（数据）{
$（'#test'）.text（数据）；}）；
});
}); 

元素就像是

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

翻转的代码现在是
$（函数（）{$（'.quickflip'）.quickflip（）；}）；
$（函数（）{
var timesFlipped=0；
var threshold=3；$（'.quickflip'）。quickflip（）。单击（函数（）{
if（timeFlipped++>=threshold）{alert（“Redirecting”）；//domorestuff}）；
}); 

---

我做错了什么？

在没有查看插件代码的情况下，我认为最简单的解决方案是将另一个

绑定到您的
$（'.quickflip'）
，跟踪用户“翻转”的次数，并在n个数量之后进行操作。比如：

$(function() {

   var timesFlipped = 0;
   var threshold = 3;

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

基本工作示例：

更多信息：

$（'.quickFlip'）.quickFlip（）
实际上似乎并不执行翻转，它只是设置翻转功能（将事件绑定到容器等）。那么你的

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

这似乎是错误的做法。基本上，当函数被调用时，您所做的是

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

希望这能有所帮助。
似乎我最初的回答有一些错误。我已经更改了它，并添加了一个指向工作示例的链接。另外，不要听起来像个混蛋，你过度使用
？
是的，这并没有激励任何人帮助你…像沙姆一样工作，你是一个明星你好，还有一个问题。当达到3时，我如何停止对其他卡运行翻转效果？换句话说，停止运行插件？提前谢谢