如何解决对象参数/函数和/或三元运算符的混淆
| 我正在研究R Murphy的JQuery基础知识,并停留在她的解决方案中的一小段代码:slideshow.js。 她创建了以下功能(为了关注淡入和淡出图像的核心功能,我删除了一些导航代码):fadeCallback = function() {
if (manualMode) { return; }
var $this = $(this),$next = getItem($this,\'next\'),num = $this.prevAll().length + 1;
// set the timeout for showing
// the next item in 5 seconds
timeout = setTimeout(function() {
showItem($this,$next);
},5000);
};
在fadeCallback内部,她调用getItem()获得$ this的下一个同级对象:
getItem = function($item,trav) {
var $returnItem = $item[trav]();
return $returnItem.length ?
$returnItem :
$items[(trav == \'next\') ? \'first\' : \'last\']();
},
在我看来,在getItem()内部,在一行中...
$items[(trav == \'next\') ? \'first\' : \'last\']();
...旅行永远不会成为\'next \'。即我们在代码中的其他任何地方都没有将\'trav \'设置为\'next \'。但是通过代码测试trav是否等于\'next \',这意味着在某些情况下trav!= \'next \'。但我无法确定任何这种情况。
我没看到什么?
解决方法
$prevBtn = $(\'<input/>\',{
type: \'button\',value: \'previous\'
}).appendTo($controls),$nextBtn = $(\'<input/>\',value: \'next\'
}).appendTo($controls),$prevBtn.bind(\'click\',{ direction : \'prev\' },handleBtnClick);
$nextBtn.bind(\'click\',{ direction : \'next\' },handleBtnClick);
handleBtnClick = function(e) {
clearTimeout(timeout);
manualMode = true;
var $currentItem = $items.filter(\':visible\'),$itemToShow = getItem($currentItem,e.data.direction);
showItem($currentItem,$itemToShow);
};
显然是用于prev
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。