quik flip插件的jquery问题
quik flip插件的jquery问题
提问于 2011-06-26 00:15:16
我有一个名为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();
});插件的代码在这里http://jonraasch.com/blog/quickflip-2-jquery-plugin。
我只是精确地复制了代码，并没有显示任何警告。我有另一个脚本，发送与div的ajax i，每次被点击的卡片，我不知道它是否干扰了我的代码发送信息：
<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>我做错了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-06-26 00:31:48
没有看过插件的代码，我认为最简单的解决方案是将另一个.click()事件绑定到您的$('.quickflip')，跟踪用户‘翻转’了多少次，并在n数量之后做一些事情。像这样：
$(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希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6478959
复制相关文章
相似问题
腾讯云开发者
