Javascript 为Kwicks jQuery插件创建onAfter事件
我正在使用我的投资组合。我想在kwicks click事件之后显示列表项中的子容器。我似乎找不到这个钩子,至少在kwicks插件的参数中是这样 做了一些研究后,我什么也没找到。有人知道如何做到这一点吗 我正在使用jQuery1.4.2和Kwicks1.5.1 另外,如果你不知道的话,我完全是一个jQuery/javascript noob 代码:Javascript 为Kwicks jQuery插件创建onAfter事件,javascript,jquery,html,Javascript,Jquery,Html,我正在使用我的投资组合。我想在kwicks click事件之后显示列表项中的子容器。我似乎找不到这个钩子,至少在kwicks插件的参数中是这样 做了一些研究后,我什么也没找到。有人知道如何做到这一点吗 我正在使用jQuery1.4.2和Kwicks1.5.1 另外,如果你不知道的话,我完全是一个jQuery/javascript noob 代码: $().ready(函数()){ $(“#项目”).kwicks({ 最高:720, 事件:“单击” }); $('.desc').show();
$().ready(函数()){
$(“#项目”).kwicks({
最高:720,
事件:“单击”
});
$('.desc').show();
});
-
废话废话
-
废话废话
提前感谢您的帮助。如果不修补Kwick,就无法完成此操作 要对其进行修补,请在非精简代码的第125行
easing: o.easing
添加逗号,然后:
complete: function()
{
// your code
}
或者,要每次使用自定义函数,请执行以下操作:
complete: o.onAfter
最后,我使用了福吉对kwicks()的重写,效果非常好。这就是我的结局:
$(document).ready(function() {
function hideAllDesc(){ // Fades out all descriptions that are shown before expanding a new one
$('#projects li .desc').fadeOut();
}
function showDesc(){ // Shows description on expand
$('#projects li.active .desc').fadeIn();
}
function hideDesc(){ // Hides description on collapse/mouseout
$('#projects li.active .desc').fadeOut();
}
$('#projects').kwicks({
max : 720,
event : 'click',
init : hideAllDesc,
expanding : showDesc,
collapsing : hideDesc
});
});
谢谢大家的帮助 嗯,这不完全是真的。您可能可以解除原始事件处理程序的绑定,并将其包装到您的函数中,但在此之前,您可以手动执行Kwick的工作。谢谢AndreKR,这很有效。我还必须添加一个函数来隐藏mouseleave上的描述。这样做似乎有点脏,但在我在jQuery/JS中获得更多的诗句并对其进行重构之前,它会起作用。作为旁注,
$().ready
不是推荐的格式(参考:),我的代码在JQueryAllso的未来版本中不受支持,正如你所知,你启发我更新Kwicks。。。我已将其更新到2.0版,并将其添加到我的github()。查看演示-很好的软糖!我的代码在原始版本的基础上完成了80%,但是你的版本似乎有我需要的钩子,而不需要修改插件本身。如果我遇到任何问题,我会试一试并让你知道。
$(document).ready(function() {
function hideAllDesc(){ // Fades out all descriptions that are shown before expanding a new one
$('#projects li .desc').fadeOut();
}
function showDesc(){ // Shows description on expand
$('#projects li.active .desc').fadeIn();
}
function hideDesc(){ // Hides description on collapse/mouseout
$('#projects li.active .desc').fadeOut();
}
$('#projects').kwicks({
max : 720,
event : 'click',
init : hideAllDesc,
expanding : showDesc,
collapsing : hideDesc
});
});