Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为Kwicks jQuery插件创建onAfter事件_Javascript_Jquery_Html - Fatal编程技术网

Javascript 为Kwicks jQuery插件创建onAfter事件

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();

我正在使用我的投资组合。我想在kwicks click事件之后显示列表项中的子容器。我似乎找不到这个钩子,至少在kwicks插件的参数中是这样

做了一些研究后,我什么也没找到。有人知道如何做到这一点吗

我正在使用jQuery1.4.2和Kwicks1.5.1

另外,如果你不知道的话,我完全是一个jQuery/javascript noob

代码:


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

  });

});