quik翻譯插件的jquery問題

Question

我有一個名爲quikflip的jquery插件有問題。基本上，插件翻轉翻轉效果像轉動卡片。我使用它來翻轉卡片圖像列表，我有20張卡片，它工作良好，但我只想翻轉3張卡片並停止顯示提醒並轉到下一個網址。

我是jquery中的新成員，不知道如何製作它，我試圖做出反擊但沒有成功。

這裏是我的嘗試：

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

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

插件的功能被稱爲像這樣：

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

插件的代碼是在這裏http://jonraasch.com/blog/quickflip-2-jquery-plugin。

我剛剛複製了代碼，沒有顯示任何提示。我有另一個腳本與股利每一次點擊的卡我不khnow如果它與我的代碼，發送相關信息干擾的AJAX IDS派：

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

和元素就像是

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

我做錯了什麼？

Answer 1

，而不必看着插件的代碼，我覺得最簡單的辦法是另一個.click()事件綁定到你的$('.quickflip')，保持多少次的用戶已經「翻轉」的軌道，經過ñ量做一些事情。像：

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

希望這會有所幫助。