任何人都可以帮忙吗?
我已经为我正在为客户开发的网站添加了featured content slider,并且他们提出的一条评论是,是否可以在悬停时进行幻灯片切换,然后点击幻灯片(或实际上是ui-tabs)被带到目标网址。
我得到的jQuery是演示附带的标准(我还在学习你看到的)
$(document).ready(function(){
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#featured").hover(
function() {
$("#featured").tabs("rotate",0,true);
},
function() {
$("#featured").tabs("rotate",5000,true);
}
);
});
它增加了'暂停悬停'功能。
无论如何,标签的HTML如下:
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><span class="panelTitle">Find a<br />
<span class="panelTitleMain">Boat</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><span class="panelTitle">Find an ABYA<br />
<span class="panelTitleMain">Broker</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><span class="panelTitle">TBC<br />
<span class="panelTitleMain">TBC</span></span> <span class="panelCopy">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></a><</li>
</ul>
我已设法通过以下方式在鼠标悬停时更改滑块,但现在加载时图像闪烁。
$("#featured").tabs({event: 'mouseover', fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
$("#featured").hover(
function() {
$("#featured").tabs("rotate",0,true);
},
function() {
$("#featured").tabs("rotate",5000,true);
}
);
有什么想法吗?
答案 0 :(得分:2)
是的,加载时我也因闪烁而结束。
但我现在找到了它的解决方案。只需从函数中删除代码'fx:{opacity: "toggle"}'
,它就能正常工作。
我认为不需要切换和鼠标悬停。